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对 着 说 湖 


随 着 我 国 改革 开放 的 进一步 深化 ,高 等 教育 也 得 到 了 快速 发 展 ,各 地 高 校 紧 密 结合 地 方 
经 济 建设 发 展 需要 ,科学 运用 市 场 调节 机 制 , 加 大 了 使 用 信息 科学 等 现代 科学 技术 提升 、 改 
造 传 统 学 科 专 业 的 投入 力度 ,通过 教育 改革 合理 调整 和 配置 了 教育 资源 ,优化 了 传统 学 科 专 
业 ,积极 为 地 方 经 济 建设 输送 人 才 , 为 我 国 经 济 社会 的 快速 ,健康 和 可 持续 发 展 以 及 高 等 教 
育 自身 的 改革 发 展 做 出 了 巨大 贡献 。 但 是 ,高 等 教育 质量 还 需要 进一步 提高 以 适应 经 济 社 
会 发 展 的 需要 ,不 少 高 校 的 专业 设置 和 结构 不 尽 合理 ,教师 队伍 整体 素质 蝇 待 提高 ,人 才 培 
养 模式 .教学 内 容 和 方法 需要 进一步 转变 ,学 生 的 实践 能 力 和 创新 精神 路 待 加 强 。 
教育 部 一 直 十 分 重视 高 等 教育 质量 工作 。2007 年 1 月 ,教育 部 下 发 了 《关于 实施 高 等 
学 校本 科教 学 质量 与 教学 改革 工程 的 意见 》, 计 划 实 施 “ 高 等 学 校本 科教 学 质量 与 教学 改革 
工程 (简称 “质量 工程 ')”, 通 过 专业 结构 调整 .课程 教材 建设 ,实践 教学 改革 、 教 学 团队 建设 
等 多 项 内 容 , 进 一 步 深化 高 等 学 校 教 学 改革 ,提高 人 才 培 养 的 能 力 和 水 平 ,更 好 地 满足 经 济 
社会 发 展 对 高 素质 人 才 的 需要 。 在 贯彻 和 落实 教育 部 “质量 工程 ”的 过 程 中 ,各 地 高 校 发 挥 
师资 力量 强 、 办 学 经 验 丰 富 、 教 学 资源 充裕 等 优势 ,对 其 特色 专业 及 特色 课程 ( 群 ) 加 以 规划 、 
整理 和 总 结 ,更 新 教学 内 容 、 改 革 课 程 体系 ,建设 了 一 大 批 内 容 新 、 体 系 新 、 方 法 新 、 手 段 新 的 
特色 课程 。 在 此 基础 上 ,经 教育 部 相关 教学 指导 委员 会 专家 的 指导 和 建议 ,清华 大 学 出 版 社 
在 多 个 领域 精 选 各 高 校 的 特色 课程 ,分 别 规划 出 版 系列 教材 ,以 配合 “质量 工程 ”的 实施 , 满 
为 了 深入 贯彻 落实 教育 部 (关于 加 强 高 等 学 校本 科教 学 工作 ,提高 教学 质量 的 若干 意 
见 ) 精 神 ,紧密 配合 教育 部 已 经 启动 的 “高 等 学 校 教学 质量 与 教学 改革 工程 精品 课程 建设 工 
作 ”, 在 有 关 专 家 、 教 授 的 倡议 和 有 关 部 门 的 大 力 支 持 下 ,我 们 组 织 并 成 立 了 “清华 大 学 出 版 
社 教材 编审 委员 会 "(以 下 简称 * 编 委 会 ”) , 旨 在 配合 教育 部 制定 精品 课程 教材 的 出 版 规划 ， 
讨论 并 实施 精品 课程 教材 的 编写 与 出 版 工作 。“ 编 委 会 "成 员 皆 来 自 全 国 各 类 高 等 学 校 教学 
与 科研 第 一 线 的 骨干 教师 ,其 中 许多 教师 为 各 校 相关 院 、 系 主管 教学 的 院 长 或 系 主任 。 
按照 教育 部 的 要 求 ,“ 编 委 会 ”一 致 认为 .精品 课程 的 建设 工作 从 开始 就 要 坚持 高 标准 、 
严 要 求 , 处 于 一 个 比较 高 的 起 点 上 ; 精品 课程 教材 应 该 能 够 反映 各 高 校 教 学 改革 与 课程 建 
设 的 需要 ,要 有 特色 风格 有 创新 性 (新 体系 、 新 内 容 、 新 手段 ,新 思路 ,教材 的 内 容 体 系 有 和 较 
高 的 科学 创新 ,技术 创 新 和 理念 创新 的 含量 )、 先 进 性 (对 原 有 的 学 科 体系 有 实质 性 的 改革 和 
发 展 ,顺应 并 符合 21 世纪 教学 发 展 的 规律 ,代表 并 引领 课程 发 展 的 趋势 和 方向 ) 、 示 范 性 ( 教 
材 所 体现 的 课程 体系 具有 较 广 泛 的 辐射 性 和 示范 性 ) 和 一 定 的 前 上 脆性。 教材 由 个 人 申报 或 
各 校 推荐 (通过 所 在 高 校 的 “ 编 委 会 "成员 推 荐 ) ,经 “ 编 委 会 ”认真 评审 ,最 后 由 清华 大 学 出 版 
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社 审 定 出 版 。 
目前 ,针对 计算 机 类 和 电子 信息 类 相关 专业 成 立 了 两 个 “ 编 委 会 ”, 即 “清华 大 学 出 版 社 
计算 机 教材 编审 委员 会 "和 “清华 大 学 出 版 社 电 子 信息 教材 编审 委员 会 "。 推 出 的 特色 精品 


教材 包括 : 

(1) 21 世纪 高 等 学 校规 划 教 材 * 计算 机 应 用 一 一 高 等 学 校 各 类 专业 ,特别 是 非 计算 机 
专业 的 计算 机 应 用 类 教材 。 

(2) 21 世纪 高 等 学 校规 划 教材 。 计算 机 科学 与 技术 一 一 高 等 学 校 计算 机 相关 专业 的 
教材 。 


(3) 21 世纪 高 等 学 校规 划 教材 "电子 信息 一 一 高 等 学 校 电 子 信息 相关 专业 的 教材 。 
(4) 21 世纪 高 等 学 校规 划 教材 。 软件 工程 一 一 高 等 学 校 软件 工程 相关 专业 的 教材 。 
(5) 21 世纪 高 等 学 校规 划 教材 。 信息 管理 与 信息 系统 。 

(6) 21 世纪 高 等 学 校规 划 教材 。 财经 管理 与 应 用 。 

(7) 21 世纪 高 等 学 校规 划 教材 。 电子 商务 。 

(8) 21 世纪 高 等 学 校规 划 教材 。 物 联 网 。 


清华 大 学 出 版 社 经 过 三 十 多 年 的 努力 ,在 教材 尤其 是 计算 机 和 电子 信息 类 专业 教材 出 
版 方面 树立 了 权威 品牌 ,为 我 国 的 高 等 教育 事业 做 出 了 重要 页 献 。 清 华 版 教材 形成 了 技术 
准确 、 内 容 严谨 的 独特 风格 ,这 种 风格 将 延续 并 反映 在 特色 精品 教材 的 建设 中 。 


清华 大 学 出 版 社 教材 编审 委员 会 
联系 人 : 魏 江 江 


E-mail: weijj(@tup. tsinghua. edu. cn 


随 着 Internet 技术 的 不 断 发 展 ,计算 机 技术 和 网 络 技 术 的 广泛 应 用 ,网 站 建设 和 网 页 设 
计 逐 渐 从 专业 化 向 普及 化 发 展 ,各 种 个 人 网 站 、 商 业 网 站 等 如 雨后春笋 般 不 断 涌现 。 学 习 网 
页 设计 与 网 站 建设 技术 已 经 成 为 一 种 基本 的 工作 技能 。 很 多 企 事业 单位 在 招贤 纳 士 时 ,都 
特别 注重 员工 的 网 页 制作 能 力 。 一 个 设计 精良 的 网 站 ,不 仅 能 够 带 来 视觉 上 的 体验 ,还 能 够 
发 气 潜 在 的 网 络 客户 ,因而 网 站 建设 越 来 越 受 重视 。 网 站 建设 涉及 的 技术 繁多 ,而且 各 种 技 
术 日 新 月 异 , 常 常 让 初学 者 感到 茫然 ,而 很 多 网 站 建设 人 员 仅 关注 于 某 一 个 知识 点 ,没有 全 
面 从 网 站 应 用 的 角度 来 了 解 网 站 建设 必需 的 各 种 技术 ,导致 很 多 网 站 建设 人 员 缺 乏 全 局 意 
识 , 没 有 综合 的 网 站 建设 能 力 。 

本 书 的 写作 大 纲 、 统 稿 和 审 稿 工作 由 蔡 永 华 完 成 。 本 书 第 1 章 一 第 3 章 、 第 8 章 由 蔡 永 
华 编写 ,第 4 章 由 郑 文 礼 编写 ,第 5 音 一 第 7 章 由 隋 丽 娜 编写 ,第 9 章 和 第 10 章 由 重 伟 编 
写 。 参 加 本 书 编写 工作 的 人 员 还 有 王 曼 、 于 万 国 、 李 铁 松 、 陈 日 升 、 尚 宇 辉 、 朱 会 卿 、 王 亚 忠 、 
赵 育 明 、 迟 剑 、 房 健 、 刘 燕 飞 ` 曹 雪 峰 等 。 在 编写 过 程 中 ,得 到 许多 高 校 专家 ,学 者 的 关心 和 支 
持 , 在 此 向 他 们 表示 巾 囊 的 感谢 。 

本 书 配 有 电子 教案 及 素材 和 源 程序 ,使 用 者 可 以 从 清华 大 学 出 版 社 网 站 (http:// 
www. tup. tsinghua. edu. cn/) 下 载 。 

由 于 作者 水 平 有 限 , 书 中 难免 会 有 不 足 或 疏漏 之 处 ,县 请 各 位 读者 不 音 指 正 。 
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在 当今 这 个 信息 时 代 , 网 络 已 经 延伸 至 世界 的 每 一 个 角落 ,渗透 到 社会 的 各 个 层面 ,给 
社会 和 人 们 的 生活 带 来 了 巨大 的 变化 , 它 正在 改变 着 人 们 的 生活 和 工作 方式 ,改变 着 人 们 的 
思想 意识 和 思维 方法 。 借 助 于 网 络 便捷 的 信息 交流 功能 ,人 们 能 够 提高 工作 效率 ,扩大 交流 
范围 ,改善 生活 质量 。 利 用 网 络 可 以 收发 电子 邮件 ,浏览 网 上 丰富 的 信息 ,下 载 程序 和 文件 ， 
与 世界 各 地 的 人 们 交流 意见 和 想法 ,获取 想得到 的 任何 帮助 和 建议 ,以 及 网 络 购物 等 。 

计算 机 网 络 是 将 地 理 位 置 不 同 的 、 功 能 独立 的 多 台 计算 机 通过 通信 线路 和 通信 设备 连 
接 起 来 ,按照 网 络 协议 进行 数据 通信 ,由 功能 完善 的 网 络 软件 实现 资源 共享 的 系统 。 网 站 作 
为 网 络 信息 存储 、 交 换 和 服务 的 基本 平台 ,是 Internet 上 各 种 信息 资源 的 集散 地 ,同时 也 是 
各 种 商务 政务 教育、 娱乐 和 交流 等 活动 的 技术 支持 中 心 。 网 站 是 指 在 网 际 网 络 上 ,根据 一 
定 规 则 由 专业 的 网 页 设计 软件 或 语言 设计 制作 的 .用 于 展示 特定 内 容 的 ,可 以 发 布 到 
Internet 上 的 相关 网 页 的 集合 。 网 站 采用 TCP/IP 协议 和 客户 端 /服务 器 (C/S) 及 浏览 器 / 
服务 嚣 (B/S) 结构, 通过 域名 解析 将 上 网 用 户 机 、WWW 服务 器 、 应 用 程序 和 后 台数 据 库 等 
有 机 联系 在 一 起 ,实现 计算 机 网 络 的 功能 。 


(ii Internet 概述 


Internet 又 称 为 因特网 或 互联 网 ,是 一 个 全 球 性 的 巨大 计算 机 网 络 体系 。 它 把 全 球 数 
万 个 计算 机 网 络 ,若干 台 主机 连接 起 来 ,包含 了 难以 计数 的 信息 资源 ,向 全 世界 提供 信息 服 
务 。 这 些 信息 资源 分 别 存放 在 分 布 于 整个 网 络 的 不 同 地 点 上 的 “网 站 ?服务 器 中 。 


1.1.1 Internet 的 发 展 


Internet 是 在 美国 较 早 的 军用 计算 机 网 ARPAnet (Advanced Research Projects 
Agency Network) 的 基础 上 经 过 不 断 发 展 变化 而 形成 的 。Internet 的 发 展 主要 可 分 为 以 下 
几 个 阶段 : 


1. Internet 的 雏形 形成 阶段 


1969 年 ,美国 国防 部 研究 计划 管理 局 (Advanced Research Projects Agency,ARPA) 开 
始 建立 一 个 命名 为 ARPAnet 的 网 络 ,当时 建立 这 个 网 络 的 目的 只 是 为 了 将 美国 的 几 个 军 


事 及 研究 用 计算 机 主机 连接 起 来 ,人 们 普遍 认为 这 就 是 Internet 的 雏形 。 发 展 Internet 时 
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沿用 了 ARPAnet 的 技术 和 协议 ,而 且 在 Internet 正式 形成 之 前 ,已 经 建立 了 以 ARPAnet 
为 主 的 国际 网 ,这 种 网 络 之 间 的 连接 模式 也 是 随后 Internet 所 用 的 模式 。 


2. Internet 的 发 展 阶 段 


美国 国家 科学 基金 会 (NSF) 在 1985 年 开始 建立 NSFnet。NSF 规划 建立 了 15 个 超级 
计算 中 心 及 国家 教育 科研 网 ,用 于 支持 科研 和 教育 的 全 国 性 规模 的 计算 机 网 络 NSFnet ,并 
以 此 为 基础 ,实现 同 其 他 网 络 的 连接 。NSFnet 成 为 Internet 上 主要 用 于 科研 和 教育 的 主干 
部 分 ,代替 了 ARPAnet 的 骨干 地 位 。1989 年 MILnet (由 ARPAnet 分 离 出 来 ) 实现 和 
NSFnet 连接 后 ,开始 采用 Internet 这 个 名 称 。 自 此 以 后 ,其 他 部 门 的 计算 机 网 络 相 继 并 入 


Internet, ARPAnet 即 宣 告解 散 。 


3. Internet 的 商业 化 阶段 

20 世纪 90 年 代 初 ,商业 机 构 开始 进入 Internet, 使 Internet 开始 了 商业 化 的 新 进程 ,也 
成 为 Internet 大 发 展 的 强大 推动 力 。1995 年 ,NSFnet 停止 运作 ,Internet 已 彻底 商业 化 了 。 
这 种 把 不 同 网 络 连接 在 一 起 技术 的 出 现 , 使 计算 机 网 络 的 发 展 进 入 一 个 新 的 时 期 ,形成 由 网 
络 实体 相互 连接 而 构成 的 超级 计算 机 网 络 , 人 们 把 这 种 网 络 形态 称 为 Internet( 互 联网 络 ) 。 

1.1.2 Internet 的 功能 

Internet 的 主要 功能 如 下 。 

1. 电子 邮件 服务 


电子 邮件 服务 是 Internet 的 一 个 基本 服务 。 通 过 电子 邮箱 ,用 户 可 以 方便 ,快速 地 在 
Internet 上 交换 电子 邮件 ,查询 信息 ,加 入 有 关 的 公告 .讨论 和 辩论 组 。 


2. 远程 登录 服务 


远程 登录 是 指 在 网 络 通信 协议 Telnet 的 支持 下 ,用户 的 计算 机 成 为 远程 计算 机 的 仿真 
终端 。 使 用 Telnet 可 以 共享 计算 机 资源 ,获取 有 关 信息 。 


3. 文件 传输 服务 


文件 传输 服务 允许 用 户 将 一 台 计 算 机 上 的 文件 传送 到 另 一 台 上 。 使 用 FTP(CFile 
Transfer Protocol, 文 件 传输 协议 ) 几乎 可 以 传送 任何 类 型 的 文件 ,如 文本 文件 .可 执行 文 
件 、 图 像 文件 .声音 文件 和 压缩 文件 等 。 


4. 万 维 网 服务 


WWW (World Wide Web, 万 维 网 或 全 球 信息 网 ) 是 基于 超 文 本 (Hypertext) 方 式 的 信 
息 查 询 工具 , 它 将 位 于 全 世界 Internet 上 不 同 地 区 的 相关 信息 有 机 地 编织 在 一 起 ,用 户 仅 需 
输入 某 个 地 址 , WWW 就 会 自动 完成 。 除 可 浏览 文本 信息 外 , WWW 还 可 以 通过 相应 软件 
显示 与 文本 内 容 相 关联 的 图 像 和 声音 
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(2 网 站 的 体系 结构 


Internet 的 核心 技术 是 网 络 技术 和 TCP/IP 网 络 协议 。 这 些 技术 在 计算 机 网 络 课程 中 
已 经 介绍 ,这 里 不 再 丙 述 。 从 技术 角度 讲 , 所 有 的 网 站 都 具有 相同 的 体系 结构 , 即 WWW 客 
户 端 / 服 务 器 体系 结构 。 本 节 主 要 从 网 站 的 访问 方式 .工作 过 程 和 分 类 等 角度 介绍 有 关 网 站 
的 体系 结构 的 知识 。 


1.2.1 网 站 的 访问 方式 


连接 到 Internet 上 的 用 户主 要 有 两 种 类 型 : 一 种 是 最 终 用 户 , 主 要 使 用 Internet 的 各 
种 服务 ; 另 一 种 是 Internet 服务 提供 商 (Internet Server Provider,ISP) ,主要 通过 高 档 计算 
机 系统 和 通信 设施 连接 Internet ,为 最 终 用 户 提供 各 项 Internet 服务 ,收取 服务 费用 。 现 在 
ISP 主要 有 中 国联 通 . 中 国 移动 和 中 国电 信 等 。 根 据 实际 需要 ,最 终 用 户 可 以 通过 单机 虚拟 
拨号 或 局 域 网 专线 方式 连接 Internet。 网 站 的 内 容 存储 于 相应 的 服务 器 中 ,Internet 的 各 种 
服务 都 是 由 服务 器 通过 通信 子 网 向 用 户 提供 的 ,用 户 是 由 客户 端 经 过 网 络 连接 设备 访问 相 
应 服务 器 而 获得 信息 和 服务 的 。 最 终 用 户 、ISP、 网 络 设 备 及 服务 器 连接 访问 示意 图 如 
图 1-1 所 示 。 


最 终 用 户 。 网 络 连 数据 库 服务 器 
接 设备 
ISP 
PN 网 络 连 


接 设备 


图 1-1 最 终 用 户 、.ISP、 网 络 设备 及 服务 器 连接 访问 示意 图 


其 中 ,网 络 连 接 设备 主要 有 网 线 ( 双 绞 线 、 同 轴 电 缆 、 光 纤 等 )、 网 卡 . 调制 解 调 器 
(Modem) ,集线器 (Hub) 交换 机 及 路 由 器 等 。 


1.2.2 网 站 的 工作 过 程 


基于 WWW 客户 端 /服务 器 体系 结构 的 网 站 ,客户 端 通常 比较 简单 ,仅仅 是 已 接 人 
Internet 并 具有 网 页 浏览 器 的 计算 机 ,而 服务 器 则 相对 比较 复杂 , 它 是 网 络 上 一 种 为 客户 端 
计算 机 提供 各 种 服务 的 高 性 能 的 计算 机 , 它 在 网 络 操作 系统 的 控制 下 ,将 与 其 相连 的 硬盘 、 
磁带 、 打 印 机 、Modem 及 各 种 专用 通信 设备 提供 给 网 络 上 的 客户 站 点 共享 ,也 能 为 网 络 用 户 
提供 集中 计算 、 信 息 发 布 及 数据 管理 等 服务 。 它 的 高 性 能 主要 体现 在 高 速度 的 运算 能 力 .长 
时 间 的 可 靠 运行 .强大 的 外 部 数据 吞吐 能 力 等 方面 。 

WWW 客户 端 和 服务 器 可 以 位 于 Internet 上 任何 位 置 ,它们 之 间 利 用 标准 的 HTTP 协 
议 进行 通信 。 根 据 服 务 器 的 工作 状况 可 以 分 为 静态 网 站 和 动态 网 站 两 大 类 。 
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1. 静态 网 站 


当 服 务 器 接收 到 访问 网 页 请 求 时 ,服务 器 将 读 取 该 请 求 , 查 找 该 页 ,然后 将 其 发 送 到 发 
出 请 求 的 浏览 器 。 静 态 网 站 客户 端 与 服务 器 之 间 的 工作 主要 分 为 4 个 步骤 : 

(1) 客户 端 通过 浏览 器 向 服务 器 发 出 HTTP 请 求 ,请求 一 个 特定 的 静态 网 页 。 

(2) 该 HTTP 请 求 通过 Internet 传送 到 服务 器 。 

(3) 服务 器 接收 到 这 个 请 求 后 ,找到 所 请 求 的 静态 网 页 ,利用 HTTP 协议 将 这 个 静态 
网 页 通过 Internet 发 送 给 客户 端 。 

(4) 客户 端 接收 到 这 个 静态 网 页 ,并 将 其 显示 在 浏览 器 中 。 

静态 网 站 客户 端 与 服务 器 之 间 的 工作 过 程 如 图 1-2 所 示 。 


| 静态 HTTP 请 求 
| 静态 网 页 


图 1-2 静态 网 站 客户 端 与 服务 器 之 间 的 工作 过 程 


静态 HTTP 请 求 
leh 


静态 网 页 


WWW 服 务 器 


2. 动态 网 站 


随 着 用 户 数量 的 不 断 增加 和 新 的 信息 量 的 不 断 增长 ,网 站 的 规模 变 得 越 来 越 大 ,网 页 所 
需 的 存储 空间 也 越 来 越 多 ,网 站 的 维护 也 日 益 复 杂 和 困难 ,静态 的 网 站 很 难 满足 各 方面 的 需 
求 。 于 是 ,产生 了 动态 服务 器 技术 , 它 使 得 WWW 服务 器 除了 具有 基本 的 WWW 服务 功能 
之 外 ,还 能 得 到 数据 库 服务 器 和 特定 应 用 程序 的 支持 来 提供 动态 的 WWW 服务 。 

动态 网 页 是 在 发 送 到 浏览 器 之 前 由 应 用 程序 服务 器 自 定义 的 网 页 。 动 态 网 页 要 在 经 过 
服务 器 的 修改 后 才 被 发 送 到 请 求 浏览 器 , 当 服 务 器 接收 到 对 静态 网 页 的 请 求 时 ,服务 器 将 该 
页 直接 发 送 到 请 求 浏览 器 ,但 是 当 服 务 器 接收 到 对 动态 网 页 的 请 求 时 , 它 将 该 页 传送 给 负责 
完成 该 页 面 的 应 用 程序 服务 器 。 应 用 程序 服务 器 读 取 请 求 页 上 的 代码 ,根据 代码 中 的 指令 
完成 该 页 ,然后 将 代码 从 该 页 上 删除 。 所 得 的 结果 是 一 个 静态 网 页 ,应 用 程序 服务 器 将 该 页 
传递 回 服务 器 ,然后 服务 器 将 该 页 发 送 到 请 求 浏览 器 。 

服务 器 为 动态 网 页 处 理 请 求 的 步骤 如 下 : 

(1) 浏览 器 请 求 动态 网 页 。 

(2) WWW 服务 器 查找 该 页 并 将 其 传递 给 应 用 程序 服务 器 。 

(3) 应 用 程序 服务 器 查找 该 页 的 指令 并 完成 该 页 。 

(4) 应 用 程序 服务 器 将 完成 的 页 发 送 到 WWW 服务 器 。 

(5) WWW 服务 器 将 完成 的 页 发 送 到 请 求 浏览 器 。 

动态 网 站 客户 端 与 服务 器 之 间 的 工作 过 程 如 图 1-3 所 示 。 
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动态 HTTP 动态 
记 请 求 ¥ 请 求 | = 


/ 静态 网 页 
® 数据 库 服务 器 


WWW 服 务 器 ”应 用 程序 服务 器 


图 1-3 动态 网 站 客户 端 与 服务 器 之 间 的 工作 过 程 


1.2.3 网 站 的 分 类 


网 站 是 在 互联 网 上 包含 访问 者 可 以 通过 浏览 器 查看 的 HTML(Hyper Text Mark-up 
Language, 超 文本 标记 语言 ) 文 档 的 场所 ,网 站 设置 在 服务 器 上 。 网 站 可 以 是 独立 服务 器 、 
独立 IP 地 址 等 复杂 的 大 型 网 站 形式 ,也 可 以 是 虚拟 主机 的 形式 。 网 站 的 内 容 形形色色 ,要 
区 分 这 些 网 站 ,需要 有 一 个 网 站 的 分 类 方法 。 明 确 要 设计 的 网 站 属于 哪 种 类 型 ,将 有 助 于 更 
好 地 进行 规划 。 根 据 网 站 内 容 和 服务 对 象 的 不 同 ,主要 分 为 以 下 几 种 类 型 。 


1. 资讯 门户 类 网 站 


本 类 网 站 以 提供 信息 资讯 为 主要 目的 ,是 目前 最 普遍 的 网 站 形式 之 一 。 这 类 网 站 虽然 
涵盖 的 工作 类 型 多 ,信息 量 大 ,访问 群体 广 , 但 所 包含 的 功能 却 比 较 简单 。 其 基本 功能 通常 
包含 检索 .论坛 和 留言 等 ,也 有 一 些 提供 简单 的 浏览 权限 控制 ,例如 许多 企业 网 站 中 就 有 只 
对 代理 商 开放 的 栏目 或 频道 。 

这 类 网 站 开发 的 技术 含量 主要 涉及 三 个 因素 : 

(1) 承载 的 信息 类 型 。 例 如 是 否 承 载 多 媒体 信息 ,是 否 承 载 结构 化 信息 等 。 

(2) 信息 发 布 的 方式 和 流程 。 

(3) 信息 量 的 数量 级 。 目 前 大 部 分 政府 和 企业 的 综合 门户 网 站 都 属于 这 类 网 站 ,比如 
新 浪 、 搜 狐 .新 华 网 等 。 


2. 企业 品牌 类 网 站 


企业 品牌 类 网 站 建设 要 求 展示 企业 综合 实力 ,体现 企业 CIS (Corporate Identity 
System ,企业 形象 识别 系统 ) 和 品牌 理念 。 企 业 品 牌 类 网 站 非常 强调 创意 ,对 于 美工 设计 要 
求 较 高 ,精美 的 Flash 动画 是 常用 的 表现 形式 。 网 站 内 容 组 织 策划 产品 展示 体验 方面 也 有 
较 高 的 要 求 。 网 站 利用 多 媒体 交互 技术 \ 动 态 网 页 技术 ,针对 目标 客户 进行 内 容 建设 ,以 达 
到 品牌 营销 传播 的 目的 。 

企业 品牌 类 网 站 可 细 分 为 三 类 : 

(1) 企业 形象 网 站 。 塑 造 企业 形象 ,传播 企业 文化 ,推介 企业 业务 ,报道 企业 活动 ,展示 
企业 实力 。 

(2) 品牌 形象 网 站 。 当 企业 拥有 众多 品牌 ,上 且 不 同 品牌 之 间 市 场 定位 和 营销 策略 各 不 
相同 ,企业 可 根据 不 同 品牌 建立 其 品牌 网 站 ,以 针对 不 同 的 消费 群体 。 

(3) 产品 形象 网 站 。 针 对 某 一 产品 的 网 站 ,重点 在 于 产品 的 体验 ,例如 ,汽车 厂商 每 上 
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市 一 款 新 车 就 建立 一 个 新 车 形象 网 站 ,手机 厂商 推出 新 款 手机 形象 网 站 ,房地产 发 展商 的 新 
楼 盘 形 象 网 站 等 。 


3. 交易 类 网 站 


这 类 网 站 是 以 实现 交易 为 目的 ,以 订单 为 中 心 。 交 易 的 对 象 可 以 是 企业 ,也 可 以 是 消费 者 。 

这 类 网 站 有 三 项 基本 内 容 : 商品 如 何 展示 ; 订单 如 何 生 成 ; 订单 如 何 执 行 。 因 此 ,该 类 
网 站 一 般 需 要 有 产品 管理 .订购 管理 .订单 管理 .产品 推荐 .支付 管理 .收费 管理 . 送 发 货 管 理 
和 会 员 管理 等 基本 系统 功能 。 功 能 复杂 的 可 能 还 需要 积分 管理 系统 .VIP(Very Important 
Person) 管 理 系统 .CRM(Customer Relationship Management, 客户 关系 管理 ) 系统、MIS 
(Management Information System, 管 理 信息 系统 ) .ERP(Enterprise Resource Planning, 企 
业 资 源 计划 ) 系 统 和 商品 销售 分 析 系 统 等 。 交 易 类 网 站 成 功 与 否 的 关键 在 于 业务 模型 的 优 
劣 。 企 业 为 配合 自己 的 营销 计划 搭建 的 电子 商务 平台 也 属于 这 类 网 站 。 

交易 类 网 站 可 细 分 为 三 类 : 

(1) BTOC(Business To Consumer, 商 家 一 消费 者 ) 网 站 。 主 要 是 购物 网 站 ,等 同 于 传 
统 的 百货 商店 、 购 物 广 场 等 。 

(2) BTOB(Business To Business, 商 家 一 商家 ) 网 站 。 主 要 是 商务 网 站 ,等 同 于 传统 的 
原材料 市 场 ,如 电子 元 件 市 场 、 建 材 市 场 等 。 

(3) CTOC(Consumer To Consumer, 消 费 者 一 消费 者 ) 网 站 。 主 要 是 拍卖 网 站 ,等 同 于 
传统 的 旧 货 市 场 、 跳 蚤 市 场 、 废 品 收购 站 ,一 元 拍卖 、 销 售 废旧 用 品 等 。 比 如 ,淘宝 、 京 东 , 易 
趣 、 拍 拍 等 。 


4. 社区 网 站 
社区 网 站 指 的 就 是 大 型 的 分 了 很 多 类 的 有 很 多 注册 用 户 的 网 站 ,如 猫扑 、 天 涯 等 。 
5. 办 公 及 政府 机 构 网 站 


(1) 企业 办 公事 务 类 网 站 。 

这 类 网 站 主要 包括 企业 办 公事 务 管理 系统 、 人 力 资源 管理 系统 、 办 公 成 本 管理 系统 、 网 
站 管理 系统 等 。 

(2) 政府 办 公 类 网 站 。 

这 类 网 站 利用 外 部 政务 网 与 内 部 局 域 办 公 网 络 运行 。 其 基本 功能 有 提供 多 数据 源 接 
口 ,实现 业务 系统 的 数据 整合 ; 统一 用 户 管理 ,提供 方便 有 效 的 访问 权限 和 管理 权限 体系 ; 
可 以 灵活 设立 子 网 站 ; 实现 复杂 的 信息 发 布 管 理 流程 。 

网 站 面向 社会 公众 , 既 可 提供 办 事 指 南 、 政 策 法 规 和 动态 信息 等 ,也 可 提供 网 上 行政 业 
务 申报 ,办 理 、 相 关 数 据 查 询 等 。 比 如 ,首都 之 窗 、 北 京 税务 局 网 站 等 。 


6. 互动 游戏 网 站 


这 是 近年 来 逐渐 风靡 起 来 的 一 种 网 站 。 这 类 网 站 的 投入 根据 所 承载 游戏 的 复杂 程度 而 
定 , 其 发 展 趋势 是 向 超 巨 型 方向 发 展 ,有 的 已 经 形成 了 独立 的 网 络 世界 ,让 玩家 乐 不 思 卉 ,和 欲 
罢 不 能 。 
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7. 有 偿 资讯 类 网 站 


这 类 网 站 与 资讯 类 网 站 有 点 相似 ,也 是 以 提供 资讯 为 主 。 有 所 不 同 的 是 其 提供 的 资讯 
要 求 直接 有 偿 回 报 。 这 类 网 站 的 业务 模型 一 般 要 求 访问 者 或 按 次 ,或 按时 间 ,或 按 量 付费 。 


8. 功能 性 网 站 


这 是 近年 来 兴起 的 一 种 新 型 网 站 。 这 类 网 站 的 主要 特征 是 将 一 个 具有 广泛 需求 的 功能 
扩展 开 来 ,开发 一 套 强大 的 支撑 体系 ,将 该 功能 的 实现 推 向 极致 。 比 如 百度 .Google 等 。 


9. 综合 类 网 站 
这 类 网 站 的 共同 特点 是 提供 两 个 以 上 典型 的 服务 。 比 如 新 浪 .搜狐 等 。 


(3 网 站 的 B/S 架构 


B/S(Browser/Server, 浏 览 器 /服务 器 ) 架 构 是 对 C/S(Client/Server, 客 户 端 /服务 器 ) 
架构 的 一 种 变化 或 者 改进 。C/S 架构 是 软件 系统 体系 结构 ,通过 它 可 以 充分 利用 两 端 硬件 
环境 的 优势 ,将 任务 合理 分 配 到 客户 端 和 服务 器 来 实现 ,降低 了 系统 的 通信 开销 ,能 充分 发 
挥 客户 端的 处 理 能 力 。 但 随 着 Web 技术 的 发 展 ,C/S 就 逐渐 凸显 其 缺点 ,主要 体现 在 : 

(1) C/S 架构 远程 访问 需要 专门 的 技术 ,同时 要 对 系统 进行 专门 的 设计 来 处 理 分 布 式 
的 数据 。 

(2) 客户 端 需要 安装 专用 的 客户 端 软件 。 任 何 一 台 计 算 机 都 需要 进行 安装 、 维 护 和 升 
级 ,其 维护 和 升级 成 本 非常 高 。 

(3) 对 客户 端的 操作 系统 一 般 也 有 限制 。 可 能 适应 于 Windows 各 版 本 操作 系统 ,但 不 
能 适应 于 Linux、UNIX 操作 系统 等 ,反之 亦 然 。 

(4) C/S 架构 投资 成 本 高 ,任务 量 大 。 要 选择 适当 的 数据 库 平 台 来 实现 数据 库 数 据 的 
真正 * 统 一”, 使 分 布 于 两 地 的 数据 同步 完全 交 由 数据 库 系 统 去 管理 ,但 逻辑 上 两 地 的 操作 者 
要 直接 访问 同一 个 数据 库 才 能 有 效 实现 。 如 果 需 要 建立 “实时 ”的 数据 同步 ,就 必须 在 两 地 
间 建 立 实 时 的 通信 连接 ,保持 两 地 的 数据 库 服务 器 在 线 运行 ,网 络 管理 工作 人 员 既 要 对 服务 
器 维护 和 管理 ,又 要 对 客户 端 维护 和 管理 ,维护 成 本 较 高 ,维护 任务 量 较 大 。 

之 所 以 在 C/S 架构 上 提出 B/S 架构 ,是 为 了 满足 瘦 客 户 端 一体 化 客户 端的 需要 ,最 终 
目的 是 节约 客户 端 更 新 、 维 护 等 的 成 本 ,以 及 广 域 资源 的 共享 。 但 必须 强调 的 是 ,C/S 和 
B/S 并 没有 本 质 的 区 别 ,B/S 是 基于 特定 通信 协议 (HTTP) 的 C/S 架构 ,也 就 是 说 B/S 是 
包含 在 C/S 中 的 ,是 特殊 的 C/S 架构 。 

B/S 架构 将 系统 功能 实现 的 核心 部 分 集中 到 服务 器 上 ,简化 了 系统 的 开发 .维护 和 使 用 。 
客户 端 上 只 需 安装 一 个 浏览 器 (Browser) ,如 Netscape Navigator 或 Internet Explorer ,浏览 
器 是 现在 的 操作 系统 内 嵌 的 必 备 软件 之 一 。 服 务 器 需 安装 Oracle、Sybase、Informix 或 
SQL Server 等 数据 库 。 浏 览 器 通过 服务 器 同 数据 库 进行 数据 交互 ,这 样 大 大 简化 了 客户 端的 
载荷 ,减轻 了 客户 端 系统 维护 与 升级 的 成 本 和 工作 量 , 降 低 了 用 户 的 总 体 成 本 。 

B/S 结构 的 优点 主要 有 
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(1) 具有 分 布 性 特点 ,可 以 随时 随地 进行 查询 、 浏 览 等 业务 处 理 。 
(2) 扩展 简单 方便 ,通过 增加 网 页 即 可 增加 服务 区 功能 。 
(3) 维护 和 升级 简单 方便 ,只 需要 改变 网 页 即 可 实现 所 有 用 户 的 同步 更 新 ,所 有 的 维护 
和 升级 操作 只 需要 针对 服务 器 进行 。 因 此 ,维护 和 升级 的 方式 是 “ 瘦 ” 客 户 端 ,“ 胖 ”服务 器 。 
(4) 开发 简单 ,共享 性 强 。 
B/S 结构 的 缺点 主要 有 : 
(1) 个 性 化 特点 明显 降低 ,无 法 实现 具有 个 性 化 的 功能 要 求 。 
(2) 操作 是 以 鼠标 为 基本 操作 方式 ,无 法 满足 快速 操作 的 要 求 。 
(3) 页 面 动态 刷新 ,响应 速度 明显 降低 。 
(4) 无 法 实现 分 页 显示 ,给 数据 库 访问 造成 较 大 压力 。 
(5) 功能 弱化 ,难以 实现 传统 模式 下 的 特殊 功能 要 求 。 


(1.4 网 站 的 域名 管理 


域名 (Domain Name) 是 由 一 串 用 “点 "分隔 的 名 字 组 成 的 Internet 上 某 一 台 计 算 机 或 计算 
机 组 的 名 称 ,用 于 在 数据 传输 时 标识 该 计算 机 的 电子 方位 。 域 名 是 一 个 他 地 址 上 的 “面具 ”, 用 
域名 的 目的 是 便于 记忆 和 沟通 一 组 服务 器 的 地 址 。 世 界 上 第 一 个 域名 是 在 1985 年 1 月 注册 的 。 

网 络 是 基于 TCP/IP 协议 进行 通信 和 连接 的 ,网 络 在 区 分 所 有 与 之 相连 的 网 络 和 主机 
时 均 采 用 了 一 种 唯一 且 通 用 的 地 址 格式 , 即 每 一 个 与 网 络 相 连接 的 计算 机 和 服务 器 都 被 指 
派 了 一 个 独一无二 的 地 址 一 一 IP 地 址 。 为 了 保证 网 络 上 每 台 计 算 机 的 IP 地 址 的 唯一 性 ， 
用 户 必须 向 特定 机 构 申 请 注册 ,分 配 IP 地 址 。 网 络 中 的 地 址 方案 分 为 两 套 : IP 地 址 系统 和 
域名 地 址 系统 。 这 两 套 地 址 系统 其 实质 是 一 一 对 应 的 关系 。IP 地 址 用 二 进 制 数 来 表示 ( 目 
前 以 IPv4 为 例 加 以 说 明 ) ,每 个 IP 地 址 长 32 位 ,由 4 个 小 于 256 的 数字 组 成 ,数字 之 间 用 
“. ”分 隔 , 如 192. 168.0.1。 由 于 IP 地 址 是 数字 标识 ,使 用 时 难以 记忆 和 书写 ,因此 在 IP 地 
址 的 基础 上 又 发 展 出 一 种 符号 化 的 地 址 方案 来 代替 数字 型 的 IP 地 址 。 每 一 个 符号 化 的 地 
址 都 与 特定 的 IP 地址 相对 应 ,这 个 与 IP 地 址 相对 应 的 字符 型 地 址 就 被 称 为 “域名 ”。 


1. 域名 的 结构 


域名 通常 由 英文 字母 (不 区 分 大 小 写 ) .阿拉 伯 数 字 和 连 字符 (-) 组 成 ,中 间 不 能 有 空格 ,“-” 
不 能 放 在 最 前 面 或 最 后 面 。 一 个 完整 的 域名 通常 由 两 段 或 两 段 以 上 字符 构成 ,各 个 段 之 间 用 
英文 句点 “. 分隔, 级别 最 低 的 域名 写 在 最 左边 ,而 级 别 最 高 的 域名 写 在 最 右边 。 如 域名 aaa. 
bbb. ccc, 其 中 ccc 部 分 是 顶级 域名 或 一 级 域名 ,bbb 部 分 是 二 级 域名 ,aaa 部 分 是 三 级 域名 , 若 
左边 部 分 还 有 , 则 称 为 四 级 域名 , 依 此 类 推 。 由 多 级 域名 组 成 的 完整 域名 总 共 不 超过 255 个 字 
符 。 例 如 ,新 浪 网 的 网 址 是 www. sina. com. cn, 其 中 www 是 主机 名 ,sina. com. cn 是 域名 。 

一 些 国家 也 在 开发 使 用 本 国语 言 构成 的 域名 ,如 德语 、 法 语 等 。 中 国 也 开始 使 用 “中 文 
域名 ”, 但 可 以 预计 ,在 今后 相当 长 的 时 期 内 ,使 用 “英文 域名 ”仍然 是 主流 。 


2. 域名 的 级 别 
域名 可 分 为 不 同 的 级 别 ,包括 顶级 域名 、 二 级 域名 等 。 
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1) 顶级 域名 

顶级 域名 又 分 为 两 类 : 一 类 是 国际 顶级 域名 (International Top-Level Domain-names， 
iTLDs)。 这 也 是 使 用 最 早 、 最 广泛 的 域名 。 例 如 ,表示 工商 企业 的 . com、 表 示 网 络 提供 商 
的 . NET、 表 示 非 便利 组 织 的 . org 等 。 另 一 类 是 国内 顶级 域名 (National Top-Level 
Domain-names,nTLDs)。 即 按照 国家 的 不 同 , 分 配 不 同 的 后 缀 ,这些 域 名 即 为 该 国 的 国内 
顶级 域名 。200 多 个 国家 和 地 区 都 按照 ISO3166 国家 代码 分 配 了 顶级 域名 ,例如 中 国 是 
cn, 美 国 是 us 日 本 是 jp 等 。 

在 实际 使 用 和 功能 上 ,国际 域名 与 国内 域名 没有 任何 区 别 ,都 是 互联 网 上 具有 唯一 性 的 
标识 。 只 是 在 最 终 管理 机 构 上 ,国际 域名 由 美国 商业 部 授权 的 互联 网 名 称 与 数字 地 址 分 配 
机 构 (The Internet Corporation for Assigned Names and Numbers,ICANN) 负 责 注 册 和 管 
理 ; 而 国内 域名 则 由 中 国 互 联网 络 管理 中 心 (China Internet Network Information Center， 
CNNIO) 负 责 注册 和 管理 。 

2) 二 级 域名 

二 级 域名 是 指 顶 级 域名 之 下 的 域名 ,在 国际 顶级 域名 下 , 它 是 指 域 名 注册 人 的 网 上 名 
称 ,例如 IBM、Yahoo 和 Microsoft 等 ,在 国家 顶级 域名 下 , 它 是 表示 注册 行业 类 别 的 符号 ， 
例如 com、edu、gov 和 net 等 。 

中 国 在 国际 互联 网 络 信 息 中 心 (Inter NIC) 正 式 注册 并 运行 的 顶级 域名 是 cn, 这 也 是 中 
国 的 顶级 域名 。 在 顶级 域名 之 下 ,中 国 的 二 级 域名 又 分 为 类 别 域名 和 行政 区 域名 两 类 。 类 
别 域名 共 6 个 ,包括 用 于 科研 机 构 的 ac; 用 于 工商 金融 企业 的 com; 用 于 教育 机 构 的 edu; 
用 于 政府 部 门 的 gov; 用 于 互联 网 络 信息 中 心 和 运行 中 心 的 net; 用 于 非 盈 利 组 织 的 org。 
而 行政 区 域名 有 34 个 ,分 别 对 应 于 中 国 各 省 .自治 区 和 直辖 市 ,如 表 1-1 所 示 。 

表 1-1 中 国 行政 区 二 级 域名 表 


行 政 区 域 名 行 政 区 域 名 
北京 市 bj 湖北 省 hb 
上 海 市 sh 湖南 省 hn 
天 津 市 ] 广东 省 gd 
重庆 市 cq 广西 壮族 自治 区 gx 
河北 省 he 海南 省 hi 
山西 省 Sx 四 川 省 sc 
内 蒙古 自治 区 nm 贵州 省 gz 
辽宁 省 ln 云南 省 yn 
吉林 省 il 西藏 自治 区 xz 
黑龙 江 省 hl 陕西 省 sn 
江苏 省 js 甘肃 省 gs 
浙江 省 和 青海 省 qh 
安徽 省 ah 宁夏 回族 自治 区 nx 
福建 省 i 新 疆 维吾尔 族 自治 区 3] 
江西 省 jx 台湾 地 区 tw 
山东 省 sd 香港 特别 行政 区 hk 
河南 省 ha 澳门 特别 行政 区 mo 
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3) 三 级 域名 

三 级 域名 由 字母 (A 一 Z 或 a 一 z, 不 区 分 大 小 写 )、 阿拉伯 数字 (0 一 9) 和 连接 符 (-) 组 成 ， 
如 无 特殊 原因 ,建议 采用 申请 人 的 英文 名 (或 缩写 ) 或 汉语 拼音 名 (或 缩写 ) 作 为 三 级 域名 ,以 
保持 域名 的 清晰 性 和 简洁 性 


3. 域名 的 解析 


域名 注册 好 之 后 ,只 说 明 对 这 个 域名 拥有 使 用 权 , 如 果 不 进 行 域名 解析 ,这 个 域名 就 不 能 
发 挥 它 的 作用 ,经 过 解析 的 域名 可 以 用 来 作为 电子 邮箱 的 后 缀 ,也 可 以 用 来 作为 网 址 访问 该 网 
站 。“ 域 名 解析 ?就 是 将 域名 转换 为 卫 地 址 的 过 程 。 一 个 域名 只 能 对 应 一 个 全 地 址 ,而 多 个 
域名 可 以 同时 被 解析 到 一 个 PP 地 址 。Internet 上 查询 域名 或 他 地 址 的 超级 目录 服务 系统 称 
为 域名 系统 (Domain Name System.DNS) ,域名 解析 需要 由 专门 的 域名 解析 服务 器 来 完成 , 域 
名 解析 服务 器 即 DNS 服务 器 。DNS 是 一 个 分 布 式 的 域名 服务 系统 ,分 为 根 服务 器 、 顶 级 域名 
服务 器 和 应 用 域名 服务 器 。 目 前 全 球 有 13 个 根 服务 器 ,负责 找到 相应 的 顶级 域名 服务 器 。 

域名 解析 过 程 如 下 : 

(1) 客户 端 向 其 所 属 的 DNS 服务 发 送 域名 解析 请 求 。 

(2) DNS 服务 器 接收 到 解析 请 求 后 ,从 本 地 数据 库 中 查找 是 否 有 此 域名 ,车 有 , 则 从 域 
名 与 地 址 的 映射 表 中 取出 相应 的 IP 地 址 ; 车 本 地 数据 库 中 没有 用 户 所 请 求 的 域名 ,客户 请 
求 将 被 转发 到 其 他 服务 器 (授权 服务 器 )。 

(3) 反复 转发 直到 域名 解析 成 功 ,解析 结果 将 逐 级 送 回 客户 端的 DNS 服务 器 。 

(4) 客户 端的 DNS 服务 器 将 结果 送 回 客户 端 

域名 解析 过 程 如 图 1-4 所 示 。 


Be 服务 虽 从 
二 
授权 
名 入 时 和 目 服务 器 
了 DNS 服务 器 将 应 
响应 结 划 度 回 I 
DNS 服 务 器 授权 服务 器 


图 1-4 域名 解析 过 程 


通常 使 用 URL(Uniform Resource Locator, 统 一 资源 定位 符 ) 进 行 网 络 资源 的 定位 。 
下 面 以 河北 民族 师范 学 院 的 URL 为 例 ,其 形式 为 http://www. hbun. net, 其 中 http 为 协 
议 类 型 (http 是 超 文本 传输 协议 ,主要 用 于 www 网 站 ; www 是 万 维 网 网 站 主机 ; hbun 
.net 是 网 站 的 域名 。 在 实际 资源 请 求 中 .请 求 过 程 如 下 : 首先 用 户 在 浏览 器 (如 IE) 的 地 址 
栏 中 输入 http://www. hbun. net 地 址 ,然后 系统 将 判断 以 何 种 协议 进行 通信 ,并 通过 某 种 
方式 将 网 站 名 称 即 域名 解析 为 相应 的 IP 地 址 .最 后 利用 得 到 的 IP 地 址 ,通过 网 络 与 目标 网 
站 所 在 的 主机 建立 通信 ,得 到 相应 的 网 络 资源 。 


4. 域名 的 注册 
域名 的 使 用 是 全 球 范围 的 ,没有 严格 地 域 性 的 限制 ; 从 时 间 性 的 角度 看 ,域名 一 经 获得 
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即 可 永久 使 用 ,并 且 无 须 定 期 续 展 ; 域名 在 网 络 上 是 绝对 唯一 的 ,一 旦 取得 注册 ,其 他 任何 
人 不 得 注册 、 使 用 相同 的 域名 ,因此 其 专 有 性 也 是 绝对 的 ; 另外 ,域名 非 经 法 定 机 构 注 册 不 
得 使 用 等 。 

1) 域名 注册 条 件 

一 般 来 说 ,注册 英文 域名 是 没有 限制 的 ,只 要 域名 没 被 注册 ,任何 个 人 和 单位 都 可 以 申 
请 注册 。 注 册 cn 域名 和 中 文 域名 单位 需要 具有 法 人 资格 。 另 外 ,gov 和 gov. cn 域名 必须 
是 政府 机 构 才 可 以 申请 注册 ,并 且 要 向 域名 注册 商 提供 盖 有 申请 单位 公章 的 域名 注册 申请 
表 , 以 及 证 明 申 请 单位 为 政府 机 构 的 书面 材料 。 

2) 域名 的 命名 规则 

由 于 Internet 上 的 各 级 域名 是 分 别 由 不 同 机 构 管 理 的 ,因此 各 个 机 构 管理 域名 的 方式 
和 域名 命名 的 规则 也 有 所 不 同 。 但 域名 的 命名 也 有 一 些 共同 的 规则 ,主要 有 以 下 几 点 : 

(1) 域名 中 只 能 包含 以 下 字符 : 26 个 英文 字母 (A 一 Z 或 a 一 z, 不 区 分 大 小 写 ) 10 个 阿 
拉 伯 数字 (0 一 9) 和 连接 符 (-) 。 

(2) 对 于 一 个 域名 的 长 度 是 有 一 定 限制 的 ,由 多 个 标号 组 成 的 完整 域名 总 共 不 超过 255 
个 字符 。 

(3) 早期 cn 域名 只 能 注册 三 级 域名 ,从 2002 年 12 月 份 开始 ,CNNIC 开放 了 国内 cn 域 
名 下 的 二 级 域名 注册 ,可 以 在 cn 下 直接 注册 域名 。 

(4) 2009 年 12 月 14 日 9 点 之 后 新 注册 的 CN 域名 需 提 交 实 名 制 材料 (注册 组 织 .注册 
联系 人 的 相关 证 明 ) 。 

(5) 注册 含有 china、chinese、cn 和 national 等 域名 需 经 国家 有 关 部 门 ( 指 部 级 以 上 单 
位 ) 正 式 批准 。 

(6) 公众 知晓 的 其 他 国家 或 者 地 区 名 称 、 外 国 地 名 、 国 际 组 织 名 称 不 得 使 用 。 

(7) 县 级 以 上 ( 含 县 级 ) 行 政 区 划 名 称 的 全 称 或 者 缩写 需 经 相关 县 级 以 上 ( 含 县 级 ) 人 民 
政府 正式 批准 。 

(8) 行业 名 称 或 者 商品 的 通用 名 称 不 得 使 用 。 

(9) 他 人 已 在 中 国 注册 过 的 企业 名 称 或 者 商标 名 称 不 得 使 用 。 

(10) 对 国家 、 社 会 或 者 公共 利益 有 损害 的 名 称 不 得 使 用 。 

3) 域名 的 申请 步骤 

(1) 准备 申请 资料 。com 域名 无 需 提供 身份 证 .营业 执照 等 资料 ,2012 年 6 月 3 日 cn 
域名 已 开放 个 人 申请 注册 ,申请 需要 提供 身份 证 或 企业 营业 执照 。 

(2) 查找 域名 注册 网 站 。 由 于 com、cn 域名 等 不 同 后 缀 均 属 于 不 同 注册 管理 机 构 所 管 
理 , 如 要 注册 不 同 后 级 域名 , 则 需要 从 注册 管理 机 构 寻 找 经 过 其 授权 的 顶级 域名 注册 查询 服 
务 机 构 。 例 如 ,com 域名 的 管理 机 构 为 ICANN,cn 域名 的 管理 机 构 为 CNNIC。 域 名 注册 
查询 注册 商 已 经 通过 ICANN、CNNIC 双重 认证 。 

(3) 查询 域名 。 在 注册 商 网 站 注册 用 户 名 成 功 后 并 查询 域名 ,拟定 好 的 域名 必须 先 查 
询 是 否 已 被 注册 , 若 查 询 国际 顶级 域名 ,可 到 国际 互联 网 络 中心 http://www. internic. net/ 
whois. html 查询 ,如 图 1-5 所 示 。 

若 查询 国内 顶级 域名 ,可 到 中 国 互 联网 络 信息 中 心 查询 ,如 图 1-6 所 示 。 
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要 Internic | Whois - 了 crosoft Internet Ezplorer 


文件 四 ”编辑 于 查看 WD 收 总 人 工具 CD) 帮助 只 
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© Domain (ex. intemic net) 
© Registrar (ex. ABC Registrar Inc) 


© Nameserver (ex NS EXAMPLE COM or 192.16.0.192) 


Submit 


For Whois information about country code (two-letter) top -level domains try 
jwhois cg 


Results for .com and .net are provided courtesy of VeriSign lnc For these top-level 
domains, the results of a successful search will contain only technical information about the 
registered domain name and referral information for the registrar ofthe domain name. In the 
Shared Registration System model, registrars are responsible for maintaining Whois 
domain name contact information. Please refer to the registrars Whois sevice for additional 
information. 
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图 1-5 国际 互联 网 络 中 心 域名 查询 页 面 


外 中 国 互联 网 络 信息 ! oft Internet Explorer 

文 伟 G) 篇 异 @) 查看 W) 收藏 W) 工具 中 帮助 00 

@ 扣 -日 - 国 国 纹 户 时 丙 tx 加 全 -改正 - 内 
CT 

首页 。 基础 资源 服务 基础 资源 运 维 ”国家 城 名 安全 中 心 
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图 1-6 中 国 互 联网 络 信息 域名 查询 界面 
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(4) 申请 注册 。 查 到 想 要 注册 的 域名 ,并 且 确 认 域 名 为 可 申请 的 状态 后 ,提交 注册 。 

(5) 递交 申请 材料 。 在 线 注册 完毕 后 ,必须 按照 要 求 递交 申请 材料 ,内 容 包 括 域名 注册 
申请 表 、 单 位 介绍 信 、 承 办 人 身份 证 复印 件 、 单 位 依法 登记 文件 的 复印 件 。 如 果 是 企业 , 则 应 
提交 营业 执照 复印 件 ; 如 果 是 其 他 组 织 , 则 应 提交 相应 主管 部 门 批准 其 成 立 的 文件 复印 件 。 

(6) 注册 审核 。 用 户 递交 申请 之 后 ,注册 机 构 会 对 材料 进行 严格 审核 ,并 回复 确认 。 

(7) 缴费 生效 。 在 收 到 已 通过 审核 的 通知 后 ,用 户 应 按 要 求 缴纳 注册 费 。 

(8) 申请 成 功 。 正 式 申请 成 功 后 , 即 可 开始 进行 DNS 解析 管理 、 设 置 解析 记录 等 操作 。 


网 站 规划 设计 | 


网 站 是 信息 资源 交流 的 平台 和 信息 资源 服务 的 窗口 。 网 站 的 规划 和 设计 过 程 是 一 项 复 
杂 而 细致 的 工作 。 要 开发 一 个 优秀 的 、 实 用 的 网 站 ,需要 对 网 站 的 需求 作 深入 的 调研 分 析 ， 
运用 科学 的 方法 进行 规划 和 设计 ,还 要 根据 网 站 的 内 容 和 特点 ,采用 先进 的 技术 , 按 一 定 的 
设计 流程 .原则 和 规范 ,将 网 站 的 主题 内 容 和 表现 形式 有 机 地 结合 ,设计 制作 出 内 容 丰 富 , 形 
式 多 样 、 使 用 方便 的 功能 型 和 服务 型 应 用 网 站 。 


@.1 网 站 规划 设计 方法 


网 站 规划 设计 是 指使 用 标记 语言 (Markup Language, ML), 通 过 一 系列 设计 、 建 模 和 执 
行 的 过 程 ,将 电子 格式 的 信息 通过 互联 网 传输 ,最 终 以 图 形 用 户 界面 的 形式 被 用 户 所 浏览 。 
简单 来 说 ,网 页 设计 的 目的 就 是 产生 网 站 。 简 单 的 信息 如 文本 (文字 、 字 符 ,数字 和 符号 等 )、 
图 片 (. gif、. jpg 和 . png 等 ) ,音频 ,视频 ,动画 和 表格 等 ,都 可 以 通过 使 用 超 文本 标记 语言 或 
可 扩展 超 文 本 标记 语言 等 放置 到 网 站 页 面 上 。 

2.1.1 网 站 的 设计 流程 

网 站 的 设计 是 一 个 复杂 的 工作 ,要 按照 管理 一 个 工程 项 目的 方法 来 管理 和 控制 。 网 站 
的 设计 流程 主要 有 以 下 几 个 阶段 。 

1. 客户 建站 申请 

由 客户 提出 网 站 建设 基本 要 求 和 提供 相关 的 文本 及 图 像 资 料 , 包 括 单位 介绍 、 项 目 描 
述 、 网 站 基本 功能 和 网 站 的 基本 设计 要 求 等 。 

2. 制定 网 站 开发 建设 方案 

设计 方 根据 客户 提出 的 网 站 建设 基本 要 求 与 客户 就 网 站 建设 内 容 进 行 协商 、 修 改 和 补 
充 , 达 成 共识 ,设计 方 以 此 为 基础 ,编制 (网 站 开发 建设 方案 》, 双 方 确定 网 站 建设 方案 具体 细 
节 及 网 站 建设 开发 费用 ,该 文档 是 双方 对 网 站 项 目 进行 备查 和 验收 的 依据 。 主 要 内 容 包括 : 

(1) 客户 情况 分 析 。 


(2) 网 站 需要 实现 的 功能 和 目标 。 
(3) 网 站 形象 说 明 。 
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(4) 网 站 的 栏目 版 块 和 结构 。 

(5) 网 站 内 容 的 安排 及 相互 链接 关系 。 

(6) 软件 .硬件 和 技术 分 析 说 明 。 

(7) 开发 时 间 进 度 表 。 

(8) 宣传 推广 方案 。 

(9) 维护 方案 。 

(10) 制作 成 本 。 

(11) 设计 队伍 简介 (成 功 作 品 、 技 术 和 人 才 说 明 等 )。 


3. 签订 相关 协议 


设计 方 和 客户 根据 (网 站 开发 建设 方案 ) 签 订 ( 网 站 开发 建设 协议 》 客 户 支付 预付 款 、 客 
户 提供 网 站 建设 需要 的 相关 内 容 资料 (文本 、 图 像 和 音 、 视 频 等 ) 。 


4. 申请 域名 


域名 用 于 在 数据 传输 时 标识 计算 机 的 电子 方位 ,申请 域名 需 遵循 先 申 请 先 注册 原则 ,每 
个 域名 都 是 独一无二 的 。 设 计 方 可 以 帮助 客户 根据 其 单位 性 质 和 需要 申请 相应 的 域名 。 


5. 申请 网 站 空间 


域名 申请 了 ,还 需要 存放 网 站 的 空间 ,这 个 存放 网 站 的 空间 就 是 服务 器 。 对 于 网 站 的 存 
放空 间 ,要 根据 客户 的 性 质 和 经 济 实力 进行 购买 搭建 或 租赁 服务 器 硬盘 空间 。 


6. 总 体 设 计 


这 一 阶段 由 设计 方 根据 (网 站 开发 建设 方案 ) 的 要 求 , 完 成 以 下 内 容 : 

(1) 分 析 网 站 功能 和 需求 ,编写 (网 站 项 目 需求 说 明 书 》, 一 定 要 让 客户 满意 ,并 签字 
认可 。 

《网 站 项 目 需求 说 明 书 ) 应 根据 客户 的 网 站 建设 申请 和 要 求 进行 细 化 ,其 中 主要 应 对 网 
站 的 功能 和 设计 要 求 进行 详细 描述 ,要 使 客户 和 设计 方 都 能 准确 无 误 地 理解 每 一 个 要 求 。 
因此 ,《 网 站 项 目 需求 说 明 书 ) 一 般 要 求 : 

正确 性 。 必 须 描 述 清楚 每 个 功能 的 要 求 。 

@ 可 行 性 。 必 须 明确 每 个 功能 在 现 有 技术 能 力 和 系统 环境 下 可 以 实现 。 

@ 必要 性 。 必 须 清 楚 每 个 功能 能 否 按 时 交付 .是否 可 以 在 消减 开支 时 “ 砍 ” 掉 。 

@ 检测 性 。 如 果 开 发 完毕 ,客户 可 以 根据 需求 进行 检测 。 

(2) 根据 (网 站 项 目 需求 说 明 书 》, 设 计 者 需 对 网 站 项 目 进行 总 体 设计 ,编制 一 份 4 网 站 
总 体 设 计 技术 方案 》。 这 是 给 设计 人 员 使 用 的 技术 文档 ,主要 内 容 包括 : 

@ 网 站 系统 性 能 定义 。 

@ 网 站 运行 的 软件 和 硬件 环境 。 

@ 网 站 系统 的 软件 和 硬件 接口 。 

@ 网 站 功能 和 栏目 设置 及 要 求 。 

@ 主页 面 及 次 页 面 大 概 数量 。 
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网 页 和 程序 的 链接 结构 。 

@ 数据 库 概要 设计 。 

@ 网 站 页 面 总 体 风 格 及 美工 效果 。 
@ 网 站 用 户 初步 界面 。 

@@ 各 种 页 面 特殊 效果 及 其 数量 。 

@ 项 目 管理 及 任务 分 配 。 

@ 项 目 完成 时 间 及 进度 (根据 协议 ) 。 
@ 明确 项 目 完 成 后 的 维护 责任 。 


7. 详细 设计 


详细 设计 阶段 的 任务 就 是 把 设计 项 目 具体 化 。 详 细 设计 包括 网 页 模板 设计 和 应 用 程序 
设计 ,需要 写 出 每 个 网 页 或 程序 的 详细 设计 文档 。 这 些 文档 包含 必要 的 细节 ,如 首页 版 面 、 
色彩 、 图 像 动态 效果 、 图 标 等 风格 设计 ; 内 容 网 页 的 布局 .字体 、 色 彩 等 ; 功能 程序 的 界面 、 
表单 .需要 的 数据 等 ; 还 有 菜单 .标题 .版权 等 模块 设计 等 。 详 细 设计 过 程 还 要 有 详细 的 设 
计 记 录 , 如 功能 模块 变更 记录 ,模板 样式 修改 记录 、 变 量 参 数 调整 记录 和 链接 关系 变更 记录 
等 ,以 备 设计 组 成 员 之 间 的 协调 设计 和 日 后 维护 参考 等 。 

8. 网 站 的 测试 与 发 布 

这 一 阶段 由 客户 根据 协议 内 容 和 要 求 进行 测试 和 审核 。 测 试 主要 对 网 页 的 速度 ,兼容 
性 、 交 互 性 、 链 接 正确 性 ,程序 的 健壮 性 和 超 流量 进行 测试 等 ,发现 错误 立刻 记录 并 反馈 给 设 
计 人 员 进 行 修改 。 测 试 人 员 对 每 项 的 测试 都 应 有 完整 的 测试 记录 ,内 容 包 括 测试 项 目 、 测 试 
内 容 、 测 试 方法 ,测试 过 程 , 测 试 结果 修改 建议 ,测试 人 员 和 测试 时 间 等 。 

经 测试 ,修改 ,验收 合格 后 上 传 发 布 网 站 ,并 做 好 发 布 记录 (记录 包括 发 布 的 内 容 和 时 
间 发 布 到 网 站 上 的 位 置 。 若 是 修改 后 的 更 新 发 布 , 则 应 保存 并 注 明 原 内 容 ) ,客户 支付 开发 
费用 余 款 。 


9. 完善 资料 ,网 站 推广 维护 


这 一 阶段 设计 方 进一步 完善 开发 所 用 的 资料 ,向 客户 提交 《网 站 维护 说 明 书 》。 维 护 可 
由 设计 方 维护 ,也 可 由 客户 自行 维护 。 若 由 设计 方 维护 ,设计 方 根据 (网 站 开发 建设 协议 》 和 | 
《网 站 维护 说 明 书 》 的 相关 条 款 对 客户 网 站 进行 维护 和 更 新 。 


2.1.2 网 站 的 设计 原则 


当前 网 站 林立 ,可 是 由 于 设计 者 对 网 站 的 认识 还 不 够 深入 ,多 数 并 不 知道 自己 的 网 站 到 
底 能 干 些 什么 ,人 们 为 什么 会 来 访问 你 的 网 站 ? 他 们 还 会 不 会 再 次 光临 ? 其 实 ,无 论 是 哪 一 
类 网 站 ,网 站 的 成 功 与 否 主要 取决 于 网 站 所 具备 的 基本 原则 。 要 规划 与 设计 一 个 有 吸引 力 
的 网 站 ,至 少 应 该 遵循 以 下 基本 原则 。 


1. 明确 网 站 设计 的 目的 与 用 户 需 求 
网 站 的 设计 是 展现 单位 形象 ,介绍 职能 或 产品 及 服务 ,体现 单位 发 展 战略 的 重要 途径 。 
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因此 ,必须 明确 设计 网 站 的 目的 和 用 户 需求 ,从 而 做 出 切实 可 行 的 计划 。 首 先 必 须根 据 用 户 
的 需求 ,社会 市 场 的 状况 .单位 自身 的 情况 等 进行 综合 分 析 , 明 确 建 设 网 站 的 目的 是 什么 ? 
单位 能 提供 什么 样 的 服务 ? 网 站 的 受众 群体 的 基本 特点 是 什么 ”如 受 教育 程度 .收入 水 平 、 
需要 信息 的 范围 及 深度 等 ,做 到 有 的 放 矢 。 


2. 总 体 设 计 方 案 主题 鲜明 


在 目标 明确 的 基础 上 ,完成 网 站 的 构思 创意 , 即 总 体 设计 方案 。 对 网 站 的 整体 风格 和 特 
色 进 行 定位 ,规划 网 站 组 织 结构 。 网 站 应 针对 所 服务 对 象 (机 构 或 个 人 ) 的 不 同 而 具有 不 同 
的 形式 。 有 些 网 站 只 提供 简洁 的 文本 信息 ; 有 些 则 采用 多 媒体 表现 手法 ,提供 华丽 的 图 像 、 
闪烁 的 灯光 、 复 杂 的 页 面 布置 ,甚至 可 以 下 载 声音 和 录像 片段 。 一 个 好 的 网 站 将 把 图 像 表 现 
手法 和 有 效 的 组 织 与 通信 结合 起 来 ,主要 体现 在 主题 鲜明 突出 ,要 点 明确 ,以 简单 朴实 的 语 
言 和 画面 体现 网 站 的 主题 ,调动 一 切 手段 充分 表现 网 站 的 个 性 和 情趣 ,办 出 网 站 的 特色 。 


3. 各 网 页 形式 与 内 容 相 统一 


要 将 丰富 的 意义 和 多 样 的 形式 组 织 成 统一 的 页 面 结构 ,形式 语言 必须 符合 页 面 的 内 容 ， 
体现 丰富 的 内 涵 。 运 用 对 比 与 调和 、 对 称 与 平衡 节奏 与 韵律 及 留 白 等 手段 ,通过 文字 、 空 
间 、 图 形 相互 之 间 的 关系 建立 整体 的 均衡 状态 ,产生 和 谐 的 美感 。 如 对 称 原则 在 页 面 设计 
中 , 它 的 均 衔 有 时 会 使 页 面 显 得 呆板 ,但 如 果 加 入 一 些 富 有 动感 的 文字 图案 ,或 采用 夸张 的 
手法 来 表现 ,往往 会 达到 比较 好 的 效果 。 点 , 线 、 面 是 视觉 语言 中 的 基本 元 素 ,使 用 点 、 线 、 面 
的 互相 穿插 互相 衬 托 、 互 相 补 充 , 构 成 最 佳 的 页 面 效 果 。 网 页 设计 中 点 、 线 、 面 的 运用 并 不 
是 孤立 的 ,很 多 时 候 都 需要 互相 结合 起 来 ,表达 完美 的 设计 意境 。 


4. 网 站 版 式 设计 应 结构 清晰 


网 站 版 式 设计 要 讲究 编排 和 布局 ,应 通过 文字 、 图 形 和 图 像 等 进行 空间 组 合 ,表达 出 
谐 的 美感 。 iets her tn de ani ni 
尤其 要 处 理 好 页 面 之 间 和 页 面 内 的 版 面 和 内 容 的 关系 ,使 得 版 式 设计 结构 清晰 。 


5. 多 媒体 技术 的 合理 利用 


网 站 资源 的 优势 之 一 是 多 媒体 功能 。 要 吸引 浏览 者 注意 力 ,页 面 的 内 容 可 以 用 二 维 动 
画 、 三 维 动画 和 音 、 视 频 来 表现 。 但 要 注意 ,由 于 网 络 带宽 的 限制 ,在 使 用 多 媒体 形式 表现 网 
页 的 内 容 时 ,应 考虑 到 客户 端的 传输 速度 。 


6. 网 站 的 信息 交互 能 力 要 强 


如 果 一 个 网 站 只 是 为 访问 者 提供 浏览 ,而 不 能 引导 浏览 者 参与 到 网 站 内 容 的 部 分 建设 
中 去 ,那么 它 的 吸引 力 是 有 限 的 。 只 有 当 浏览 者 能 够 很 方便 地 和 信息 发 布 者 相互 交流 ,该 网 
站 的 魅力 才能 充分 体现 出 来 ,所 以 要 注重 加 强 网 站 信息 的 交互 能 力 。 


7. 保证 安全 快速 访问 
因特网 运行 的 最 大 瓶颈 是 网 页 的 传送 速度 。 足 够 的 带宽 是 快速 访问 的 保证 ,但 现实 的 
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带宽 并 不 能 真正 满足 网 页 的 快速 访问 ,所 以 在 进行 网 站 规划 设计 时 ,就 要 考虑 利用 什么 技术 
和 方式 方法 来 使 得 网 页 能 更 快 地 被 访问 。 


8. 网 站 信息 的 及 时 更 新 


网 站 信息 必须 经 常 更 新 。 网 站 信息 的 不 断 更 新 ,让 浏览 者 了 解 单位 的 发 展 动态 和 网 络 
服务 等 ,同时 也 会 帮助 单位 建立 良好 的 形象 。 每 次 更 新 的 网 页 内 容 尽量 要 在 主页 中 提示 给 
浏览 者 。 由 于 网 站 内 容 的 结构 一 般 都 是 树 型 结构 ,所 有 文章 都 包含 在 各 级 版 块 或 栏目 中 , 因 
此 ,如 果 每 次 更 新 的 网 页 内 容 全 都 被 放 进 了 各 级 版 块 和 栏目 中 ,浏览 者 并 不 知道 更 新 了 哪些 
东西 ,所 以 在 这 种 情况 下 ,一 定 要 在 首页 中 显示 出 最 新 更 新 的 网 页 目录 ,以 便于 访问 者 浏览 。 


2.1.3 网 站 的 设计 技术 


网 站 设计 技术 主要 包括 Web 服务 器 技术 和 网 页 设计 技术 两 部 分 。Web 服务 器 技术 主 
要 涉及 Web 服务 器 网 络 操作 系统 及 相关 软件 的 安装 .调试 与 管理 维护 ,主要 内 容 将 在 第 
3 章 详细 介绍 。 本 节 主 要 介绍 网 页 设计 技术 。 

网 页 设计 技术 主要 有 静态 网 页 设计 技术 和 动态 网 页 设计 技术 。 

静态 网 页 设计 技术 一 般 采 用 静态 的 HTML(Hyper Text Mark-up Language, 超 文本 标 
记 语 言 ), 结合 JavaScript、 图 像 处 理 、 动 画 制 作 、 音 视频 处 理 . 通 用 网 关 接 口 (Common 
Gateway Interface,CGT) 编 程 和 层 秋 样式 表 (Cascading Style Sheets,CSS) 等 技术 。 静 态 网 
页 是 标准 的 HTML 文件 , 它 的 文件 扩展 名 是 htm 或 html, 可 以 包 仿 文本、 图像 声音、Flash 
动画 、 客 户 端 脚本 和 ActiveX 控件 及 Java 小 程序 等 。 静 态 网 页 是 网 站 建设 的 基础 ,早期 的 
网 站 一 般 都 是 由 静态 网 页 设计 技术 制作 的 。 静 态 网 页 是 相对 于 动态 网 页 而 言 ,是 指 没有 后 
台数 据 库 .不 含 程序 和 不 可 交互 的 网 页 。 静 态 网 页 相对 来 说 更 新 起 来 比较 麻烦 ,适用 于 一 般 
更 新 较 少 的 展示 型 网 站 。 静 态 网 页 也 可 以 出 现 各 种 动态 的 效果 ,如 gif 格式 的 动画 、Flash 
和 滚动 字幕 等 。 

静态 网 页 设计 技术 是 基础 ,动态 网 页 设计 技术 是 方向 。 

所 谓 动态 网 页 是 指 网 页 文件 里 包含 了 程序 代码 ,通过 后 台数 据 库 与 Web 服务 器 的 信息 
交互 ,由 后 台数 据 库 提 供 实时 数据 更 新 和 数据 查询 服务 。 这 种 网 页 的 后 缀 名 称 一 般 根据 不 
同 的 程序 设计 语言 有 所 不 同 , 如 常见 的 有 . asp、. jsp、. Php、. perl 和 . cgi 等 形式 。 动 态 网 页 
能 够 根据 不 同时 间 和 不 同 访问 者 而 显示 不 同 内 容 ,如 常见 的 BBS(Bulletin Board System, 电 
子 公告 牌 系 统 )、 留 言 板 和 购物 系统 等 。 动 态 网 页 的 制作 比较 复杂 ,需要 用 到 ASP(Active 
Server Page, 动 态 服 务 器 页 面 )、.PHP(PHP: Hypertext Preprocessor,PHP: 超 文本 预 处 理 
器 ) JSP(Java Server Page,Java 服务 器 页 面 ) 和 ASP. NET 等 专门 的 动态 网 页 设计 语言 。 
动态 网 页 是 基本 的 html 语法 规范 与 Java、VB、VC 等 高 级 程序 设计 语言 .数据库 编程 等 多 
种 技术 的 融合 ,以 期 实现 对 网 站 内 容 和 风格 的 高 效 、 动 态 和 交互 式 的 管理 。 因 此 ,从 这 个 意 
义 上 来 讲 , 凡 是 结合 了 HTML 以 外 的 高 级 程序 设计 语言 和 数据 库 技术 进行 的 网 页 编程 技 
术 生 成 的 网 页 都 是 动态 网 页 。 

目前 较 流 行 的 网 页 设计 工具 主要 有 了 原 Macromedia 公司 的 网 页 设计 三 剑客 
Dreamweaver、Fireworks 和 Flash,Adobe 公司 的 PageMail、GoLive 和 LiveMotion 等 以 及 
Microsoft 公司 Office 软件 中 的 FrontPage 等 。 
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目前 Web 服务 器 端 编 程 技术 和 语言 主要 有 HTML5 和 CSS3、ASP、PHP、JSP、 
ASP.NET 及 CGI 等 。 


1. HTML5 


HTML5 是 用 于 取代 1999 年 制定 的 HTML4.01 和 XHTML1. 0 标准 的 HTML 标准 
版 本 。 现 在 仍 处 于 发 展 阶段 ,但 大 部 分 浏览 器 已 经 支持 某 些 HTML5 技术 。HTML5 有 两 
大 特点 : 首先 ,强化 了 Web 网 页 的 表现 性 能 。 其 次 ,追加 了 本 地 数据 库 等 Web 应 用 的 功 
能 。 广 义 的 HTML5 实际 指 的 是 包括 HTML、CSS 和 JavaScript 在 内 的 一 套 技术 组 合 , 旨 
在 减少 浏览 器 对 于 需要 插件 的 众多 的 网 络 应 用 服务 需求 , 如 Adobe Flash、 Microsoft 
Silverlight 以 及 Oracle JavaFX 的 需求 ,并 且 提 供 更 多 能 有 效 增强 网 络 应 用 的 标准 集 。 

HTML5 具有 如 下 特性 : 

(1) 语义 特性 。 

HTML5 赋予 网 页 更 好 的 意义 和 结构 。 更 加 丰富 的 标签 将 随 着 对 RDFa (RDF 
attribute, 一 种 用 于 HTML 或 XHTML 文档 的 语义 标注 技术 ) 的 微 数据 与 微 格式 等 方面 的 
支持 ,构建 对 程序 和 用 户 更 有 价值 数据 驱动 的 网 页 。 

(2) 本 地 存储 特性 。 

基于 HTML5 开发 的 网 页 APP(Application ,应 用 程序 ) 拥 有 更 短 的 启动 时 间 , 更 快 的 
联网 速度 ,这些 全 得 益 于 HTML5 APP Cache, 以 及 本 地 存储 功能 。 

(3) 设备 兼容 特性 。 

HTML5 为 网 页 应 用 开发 者 提供 了 更 多 功能 上 的 优化 选择 ,提供 了 数据 与 应 用 接 入 接 
口 , 使 外 部 应 用 可 以 直接 与 浏览 器 内 部 的 数据 直接 相连 。 

(4) 连接 特性 。 

HTML5 拥有 更 有 效 的 服务 器 推送 技术 ,如 Server-Sent Event 和 WebSockets 能 够 实 
现 服务 器 将 数据 “推送 ”到 客户 端的 功能 ,更 有 效 的 提高 工作 效率 ,使 得 基于 页 面 的 实时 聊 
天 、 更 快速 的 网 页 游戏 体验 、 更 优化 的 在 线 交 流 得 到 了 实现 。 

(5) 网 页 多 媒体 特性 。 

HTML5 支持 网 页 的 Audio、Video 等 多 媒体 功能 。 

(6) 三 维 图 形 及 特效 特性 。 

HTML5 实现 基于 SVG(Scalable Vector Graphics, 可 缩放 矢量 图 形 )、WebGL 及 CSS3 
的 3D 功能 及 其 特殊 效果 。 

(7) 性 能 与 集成 特性 。 

HTML5 通过 XMLHttpRequest2 技术 解决 跨 域 问 题 ,使 得 网 站 在 多 样 化 的 环境 中 快 
速 地 工作 。 

(8) CSS3 特性 。 

CSS3 中 提供 了 更 多 的 风格 和 更 强 的 效果 。 


2. CSS3 


在 网 页 制作 时 采用 CSS 技术 ,可 以 有 效 地 对 页 面 的 布局 .字体 、 颜 色 、 背 景 和 其 他 效果 
实现 更 加 精确 的 控制 。 只 要 对 相应 的 代码 做 一 些 简单 的 修改 ,就 可 以 改变 同一 页 面 的 不 同 
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部 分 ,或 者 页 数 不 同 的 网 页 的 外 观 和 格式 。CSS3 是 CSS 技术 的 升级 版 本 ,CSS3 语言 开发 
是 朝 着 模块 化 发 展 的 。CSS3 分 解 为 很 多 小 的 模块 ,主要 包括 盒子 模型 .列表 模块 、 超 链接 
方式 .语言 模块 .背景 和 边框 ,文字 特效 、 多 栏 布局 等 。 


3. ASP 和 ASP.NET 


ASP 是 微软 (Microsoft) 公 司 所 开发 的 一 种 后 台 脚 本 语言 , 它 的 语法 和 Visual Basic 类 
似 ,可 以 像 SSI(Server Side Include, 服 务 器 端 诅 入 ) 那 样 把 后 台 脚 本 代码 内 榜 到 HTML 页 
面 中 。 虽 然 ASP 简单 易 用 ,但 是 它 自身 存在 着 许多 缺陷 ,最 重要 的 就 是 安全 性 问题 。 目 前 
在 微软 的 . NET 战略 中 新 推出 的 ASP. NET 借鉴 了 Java 技术 的 优点 ,使 用 C Sharp (C#) 
语言 作为 ASP. NET 的 推荐 语言 ,同时 改进 了 ASP 的 安全 性 差 等 缺点 。 但 是 ,使 用 ASP/ 
ASP. NET 仍 有 一 定 的 局 限 性 ,因为 从 某 种 角度 来 说 它们 只 能 在 微软 的 Windows NT/2000/ 
XP 十 IIS 的 服务 器 平台 上 良好 运行 。 所 以 平台 的 局 限 性 和 ASP 自身 的 安全 性 限制 了 ASP 
的 广泛 应 用 。ASP 在 执行 的 时 候 ,是 由 IIS 调用 程序 引擎 ,解释 执行 嵌 在 HTML 中 的 ASP 
代码 ,最终 将 结果 和 原来 的 HTML 一 同 送 往 客 户 端 。 

ASP.NET 是 Microsoft. NET 的 一 部 分 ,作为 战略 产品 , 它 不 仅仅 是 ASP 的 下 一 个 版 
本 , 它 还 提供 了 一 个 统一 的 Web 开发 模型 ,其 中 包括 开发 人 员 生 成 企业 级 Web 应 用 程序 所 
需 的 各 种 服务 。ASP. NET 的 语法 在 很 大 程度 上 与 ASP 兼容 ,同时 它 还 提供 一 种 新 的 编程 
模型 和 结构 ,可 生成 伸缩 性 和 稳定 性 更 好 的 应 用 程序 ,并 提供 更 好 的 安全 保护 。 可 以 通过 在 
现 有 ASP 应 用 程序 中 逐渐 添加 ASP. NET 功能 ,随时 增强 ASP 应 用 程序 的 功能 。ASP 
. NET 是 一 个 已 编译 的 、 基 于 . NET 的 环境 ,可 以 用 任何 与 . NET 兼容 的 语言 (包括 Visual 
Basic. NET、C# 和 JScript. NET) 创 作 应 用 程序 。 另 外 ,任何 ASP. NET 应 用 程序 都 可 以 使 
用 整个 . NET Framework。 开 发 人 员 可 以 方便 地 获得 这 些 技术 的 优点 ,其 中 包括 托管 的 公 
共 语 言 运 行 库 环境 、 类 型 安全 和 继承 等 。 


4. PHP 


PHP 是 一 种 HTML 内 嵌 式 的 语言 , 它 混合 了 C、Java、Perl 的 新 语法 ,可 以 比 CGI 或 
Perl 更 快速 地 执行 动态 网 页 。 

PHP 的 源 代码 完全 公开 ,不断 地 有 新 的 函数 库 加 入 ,以 及 不 停 地 更 新 ,使 得 PHP 无 论 
在 UNIX 或 是 Win32 平台 上 都 有 更 多 新 的 功能 。 它 提供 丰富 的 函数 ,使 得 在 程序 设计 方面 
有 着 更 好 的 资源 。 目 前 PHP 的 最 新 版 本 为 4. 1. 1, 它 可 以 在 Win32 及 UNIX/Linux 等 几 
乎 所 有 的 平台 上 和 良好 工作 。PHP 在 4.0 版 后 使 用 了 全 新 的 Zend 引擎 ,其 在 最 佳 化 之 后 的 
效率 比 传统 CGI 或 者 ASP 等 技术 有 了 更 好 的 表现 。 平 台 无 关 性 是 PHP 的 最 大 优点 。 开 
发 效率 高 ,成 本 低 ,在 Linux 的 平台 上 和 MySQL 是 最 好 的 搭档 。 


5. JSP 


在 形式 上 JSP 和 ASP 或 PHP 看 上 去 很 相似 ,都 可 以 被 内 艇 在 HTML 代码 中 。 但 是 ， 
JSP 的 执行 方式 和 ASP 或 PHP 完全 不 同 。 在 JSP 被 执行 的 时 候 ,JSP 文件 被 JSP 解释 器 
(JSP Parser) 转 换 成 Servlet(Servlet 是 在 服务 器 上 运行 的 小 程序 ) 代 码 , 然 后 Servlet 代码 被 
Java 编译 器 编译 成 . class 字 节 文件 ,这 样 就 由 生成 的 Servlet 来 对 客户 端 进行 应 答 。 所 以 ， 


第 2 章 ”网 站 规划 设计 


JSP 可 以 看 做 是 Servlet 的 脚本 语言 版 。 

JSP 是 基于 Java 的 , 它 也 具有 Java 语言 的 最 大 优点 一 一 平台 无 关 性 。 除 了 这 个 优点 
外 ,JSP 还 具有 高 效率 和 高 安全 性 等 优点 。 

在 调试 JSP 代码 时 ,如 果 程 序 出 错 ,JSP 服务 器 会 返回 出 错 信息 ,并 在 浏览 器 中 显示 。 
这 时 ,由 于 JSP 是 先 被 转换 成 Servlet 后 再 运行 的 ,因此 浏览 器 中 所 显示 的 代码 出 错 的 行 数 
并 不 是 JSP 源 代码 的 行 数 ,而 是 指 转换 后 的 Servlet 程序 代码 的 行 数 。 这 给 调试 代码 带 来 一 
定 困难 。 所 以 ,在 排除 错误 时 ,可 以 采取 分 段 排 除 的 方法 ( 即 在 可 能 出 错 的 代码 前 后 输出 一 
些 字符 串 , 用 字符 串 是 否 被 输出 来 确定 代码 段 从 哪里 开始 出 错 ) ,逐步 缩小 出 错 代码 段 的 范 
围 ,最 终 确定 错误 代码 的 位 置 。 


6. CGI 


CGI (Common Gateway Interface, 公 共 网 关 接 口 ) 是 最 早 被 用 来 建立 动态 网 站 的 后 台 
技术 。 这 种 技术 可 以 使 用 各 种 语言 来 编写 后 台 程 序 , 如 C、C++ 、Java 及 Pascal 等 ,但 是 目前 
在 CGI 中 使 用 最 为 广泛 的 是 Perl 语言 。 所 以 ,狭义 上 所 指 的 CGI 程序 一 般 都 是 指 Perl 程 
序 ,一般 CGI 程序 的 后 缀 都 是 pl 或 cgi。CGI 程序 在 运行 的 时 候 ,首先 是 客户 向 服务 器 上 的 
CGI 程序 发 送 一 个 请 求 , 服 务 器 接收 到 客户 的 请 求 后 ,就 会 打开 一 个 新 的 Process( 进 程 ) 来 
执行 CGI 程序 ,处 理 客户 的 请 求 。CGI 程序 最 后 将 执行 的 结果 (HTML 页 面 代码 ) 传 送 给 
客户 。 由 于 CGI 程序 每 响应 一 个 客户 就 会 打开 一 个 新 的 进程 ,因此 当 有 多 个 用 户 同 时 进行 
CGI 请 求 时 ,服务 器 就 会 打开 多 个 进程 ,这 样 就 加 重 了 服务 器 的 负担 ,使 服务 器 的 执行 效率 
变 得 越 来 越 低 ,CGI 方式 不 适合 大 访问 量 的 应 用 。 

如 今 主 流 的 Web 服务 器 软件 主要 有 IIS(Internet Information Services, Internet 信息 
服务 ) 和 Apache。IIS 支持 ASP 且 只 能 运行 在 Windows 平台 下 ,Apache 支持 PHP、CGI、 
JSP 且 可 运行 于 多 种 平台 。Apache 是 世界 使 用 排名 第 一 的 Web 服务 器 软件 。 它 可 以 运行 
在 几乎 所 有 广泛 使 用 的 计算 机 平台 上 ,由 于 其 跨 平台 和 安全 性 被 广泛 使 用 ,是 最 流行 的 
Web 服务 器 端 软 件 之 一 。 


C2 网 站 规划 内 容 


网 站 的 成 功 与 否 与 建站 的 规划 有 着 极为 重要 的 关系 。 在 建站 之 前 应 该 明确 建设 网 站 的 
目的 ,确定 网 站 的 功能 、 网 站 的 规模 、 投 入 费用 、 进 行 必要 的 市 场 分 析 等 。 只 有 进行 详细 的 规 
划 , 才 能 保障 网 站 建设 顺利 进行 。 


1. 网 站 规划 的 范围 


网 站 的 规划 主要 应 该 从 以 下 几 方 面 进行 : 

(1) 网 站 市 场 规划 。 即 明确 网 站 是 给 谁 使 用 的 ,用 户 群 体 有 何 特 点 等 。 

(2) 网 站 目的 和 功能 规划 。 即 建设 网 站 的 基本 目的 是 什么 ,通过 什么 功能 来 实现 。 
(3) 网 站 技术 方案 规划 。 即 采用 什么 主流 技术 和 平台 来 实现 。 

(4) 网 站 内 容 涉 及 规划 。 即 设置 什么 网 站 栏目 和 内 容 来 表现 网 站 的 功能 和 目的 。 
(5) 网 站 管理 与 维护 规划 。 即 网 站 的 建设 与 日 后 的 管理 和 维护 如 何 实现 。 
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(6) 网 站 建设 日 程 规划 。 即 网 站 的 建设 时 间 和 进度 安排 。 
(7) 网 站 建设 费用 规划 。 即 网 站 的 建设 和 日 后 的 运行 维护 费用 预算 。 


2. 网 站 技术 方案 规划 


网 站 建设 的 整体 技术 方案 规划 主要 包括 以 下 几 方 面 : 

(1) 网 站 类 型 的 选择 。 网 站 的 类 型 很 多 ,一 般 网 站 设计 者 都 提供 几 种 类 型 的 网 站 建站 
方案 ,其 中 常见 网 站 类 型 有 浏览 型 .宣传 型 .专业 型 高 级 型 .数据 型 和 商务 型 等 。 

(2) 网 站 空间 选择 。 网 站 空间 一 般 有 租赁 虚拟 主机 、 自 建 专用 服务 器 及 硬盘 空间 大 小 
的 选择 。 

(3) 操作 系统 选择 。 操 作 系 统 的 选择 需要 分 析 投 入 成 本 、 网 站 的 功能 、 开 发 技术 、 系 统 
稳定 性 和 安全 性 ,以 及 网 站 的 管理 和 维护 人 员 等 要 求 , 综 合 选 择 一 种 合适 的 操作 系统 。 

(4) 数据 库 选 择 。 浏 览 型 .宣传 型 的 网 站 可 以 不 用 数据 库 ; 动态 网 站 需要 数据 库 的 支 
持 , 现 在 最 常用 的 数据 库 有 Access 数据 库 .MySQL 数据 库 和 SQL Server 数据 库 等 。 

(5) 开发 技术 的 选择 。 根 据 网 站 的 类 型 及 功能 等 选择 开发 技术 ,如 选择 何 种 网 页 设计 
工具 软件 ,选择 何 种 编程 技术 和 语言 等 。 

(6) 网 站 的 维护 选择 。 网 站 的 维护 是 网 站 发 展 的 重要 手段 ,选择 建站 方案 时 就 要 考虑 
到 以 后 网 站 维护 的 方式 。 对 于 浏览 型 .宣传 型 网 站 ,维护 只 需 自行 更 改 网 页 即 可 ; 对 于 商务 
型 网 站 ,通常 都 开发 强大 的 维护 系统 ,以 后 可 以 通过 维护 系统 对 网 站 进行 必要 的 维护 。 

(7) 网 站 安全 措施 选择 。 网 站 安全 方面 主要 考虑 防 病毒 攻击 ,黑客 攻击 、 权 限 管 理 和 信 
息 加 密 等 问题 。 

(8) 网 站 建设 费用 。 网 站 建设 费用 一 般 包 括 设 计 费 、 首 页 制作 费 、 普 通 网 页 制作 费 、 特 
殊 效 果 费 .图 像 (包括 动画 ) 制 作 费 、 功 能 模块 的 开发 费 , 域 名 费 、 虚 拟 主机 空间 租赁 费 或 服务 
器 设备 费 。 其 中 设计 费 、 网 页 制作 费 、 功 能 模块 开发 费 等 根据 用 户 的 选择 大 不 相同 。 


@.3 网 站 内 容 设计 


网 站 的 内 容 对 于 网 站 建设 成 功 起 着 至 关 重要 的 作用 ,主要 涉及 网 站 的 主题 ` 网 站 的 结 
构 、 网 站 的 形象 和 网 站 的 技术 规范 等 。 


2.3.1 网 站 主题 的 定位 


所 谓 网 站 的 主题 就 是 网 站 的 题材 。 对 于 任何 一 个 网 站 的 设计 ,首先 遇 到 的 问题 就 是 定 
位 网 站 的 主题 。 因 为 要 想 建 好 一 个 网 站 ,首先 就 得 确定 这 个 网 站 的 方向 。 由 于 网 站 的 类 型 、 
目标 、 功 能 和 应 用 的 不 同 ,网 站 的 主题 也 就 各 不 相同 。 可 以 说 ,每 一 个 网 站 的 初期 定位 阶段 
即 决定 了 这 个 网 站 未 来 的 走向 。 因 此 ,网 站 主题 的 选择 与 定位 就 显得 十 分 重要 。 

在 世界 排名 前 100 位 的 知名 网 站 中 ,这 些 网 站 大 体 分 为 10 类 题材 : 

第 1 类 : 网 络 信 息 服务 。 即 网 络 搜索 ,如 Google、 百 度 等 。 

第 2 类 : 网 上 聊天 /即时 信息 /ICQ 等 聊天 交友 网 站 。 

第 3 类 : 网 上 社区 /讨论 /邮件 列表 等 信息 服务 。 
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第 4 类 : 计算 机 技术 探讨 与 应 用 服务 。 

第 5 类 : 网 页 /网 站 开发 制作 技术 与 应 用 。 

第 6 类 : 面向 行业 与 大 众 的 娱乐 型 网 站 。 

第 7 类 : 旅行 旅游 资讯 类 。 

第 8 类 : 参考 信息 /行业 资讯 服务 。 

第 9 类 : 面向 家 庭 /服务 教育 。 

第 10 类 : 生活 信息 类 /时 尚 潮流 资讯 。 

基于 以 上 的 10 大 分 类 ,可 以 继续 在 这 些 分 类 基础 上 细 分 ,然后 确定 自己 网 站 的 主题 方 
向 。 如 果 对 某 些 方面 有 兴趣 ,有 着 自己 独到 的 理解 与 认识 ,或 者 掌握 有 大 量 的 资源 与 资料 ， 
可 以 沿 着 这 个 方向 去 建设 一 个 网 站 。 

对 于 网 站 主题 的 选择 ,一 般 建 议 如 下 : 

(1) 主题 要 有 特色 ,目标 不 要 太 高 。 

选择 的 网 站 主题 要 有 一 定 的 特色 ,和 网 络 上 同类 的 其 他 站 点 要 有 所 区 别 ,并 且 目 标 不 要 
定 太 高 。 

(2) 主题 不 要 太 宽 泛 。 

对 普通 网 站 主题 来 说 ,范围 要 小 ,内 容 要 精 。 如 果 想 制作 一 个 包罗 万 象 的 站 点 ,妄图 把 
所 有 精彩 的 东西 都 放 在 网 站 里 面 , 那 么 往往 会 事与愿违 ,给 访问 者 的 感觉 反而 是 没 主 题 、 没 
特色 。 

相反 ,如 果 网 站 主题 定位 精准 ,搜索 引擎 优化 的 竞争 相对 就 会 较 弱 ,吸引 而 来 的 客户 也 
就 更 有 目的 性 ,更 容易 获得 信息 传递 ,也 有 助 于 提高 转化 率 和 产品 销售 成 功率 。 

(3) 选择 自己 喜欢 或 擅长 的 领域 。 

兴趣 是 制作 网 站 的 动力 ,没有 兴趣 就 很 难 有 热情 ,也 就 很 难 设计 制作 出 优秀 的 网 站 ,更 
无 法 长 期 坚持 下 去 。 

选择 自己 喜欢 的 、 擅 长 的 网 站 主题 ,在 制作 、 维 护 网 站 时 才 不 会 觉得 无 聊 或 者 力不从心 ， 
也 更 容易 制作 出 让 来 访 者 认同 的 有 价值 的 内 容 。 


2.3.2 网 站 名 称 的 选择 


网 站 名 称 也 是 网 站 设计 的 一 部 分 ,而 且 是 很 关键 的 一 个 要 素 。 名 称 代表 一 个 网 站 的 形 
象 ,域名 标志 着 网 站 的 存在 。 因 此 给 网 站 取 个 好 名 字 很 重要 。 网 站 名 称 应 该 有 特色 且 易 记 ， 
这 对 网 站 的 形象 和 宣传 推广 有 重要 意义 。 一 般 建议 如 下 : 

(1) 名 称 要 准确 。 

网 站 的 名 称 要 体现 出 网 站 的 内 容 , 名 要 符 实 。 使 浏览 者 看 到 名 称 就 大 致知 道 网 站 包含 
的 内 容 , 这 样 也 会 为 浏览 者 节约 时 间 。 同 时 名 称 要 合法 、 合 理 、 合 情 。 不 能 用 危害 社会 安全 、 
违法 .反动 和 迷信 的 名 词语 句 。 

(2) 名 称 要 有 特色 。 

名 称 能 体现 一 定 的 内 涵 , 给 浏览 者 更 多 的 视觉 冲击 和 空间 想象 力 , 在 体现 出 网 站 主题 的 
同时 ,还 要 体现 网 站 的 特色 。 

(3) 名 称 要 易 记 。 

根据 中 文 网 站 浏览 者 的 特点 ,除非 特定 需要 .网 站 名 称 最 好 用 中 文 名 称 , 不 要 使 用 英文 
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或 中 英文 混合 型 名 称 。 另 外 ,网 站 名 称 的 字数 应 控制 在 6 个 字 以 内 ,因为 一 般 友 情 链 接 的 小 
链接 图 标尺 寸 是 88X 30 像素 ,而 6 个 字 的 宽度 是 78 像素 左右 ,适合 于 其 他 站 点 的 链接 排版 。 


2.3.3 网 站 结构 设计 


对 于 每 一 个 网 站 ,由 于 内 容 的 不 同 , 往 往 需 要 设计 多 个 不 同 的 栏目 。 一 个 合理 ,符合 逻 
辑 的 网 站 结构 ,无 论 是 对 网 站 的 建设 还 是 对 以 后 的 管理 、 维 护 与 升级 都 是 大 有 神 益 的 ; 反 
之 , 则 会 给 以 后 的 工作 带 来 麻烦 。 网 站 的 结构 设计 取决 于 网 站 的 目标 、 内 容 \ 功 能 、 网 页 呈现 
方式 、 网 页 风格 、 浏 览 习 惯 和 思维 逻辑 等 ,而 网 站 的 内 容 和 功能 是 网 站 结构 的 决定 因素 。 网 
站 结构 对 网 站 的 搜索 引擎 友好 性 及 用 户 体验 有 着 非常 重要 的 影响 。 

网 站 的 结构 可 以 分 为 网 站 的 物理 结构 和 逮 辑 结构 。 两 者 之 间 既 有 区 别 又 有 联系 ,二 者 
相辅相成 。 


1. 网 站 的 物理 结构 


网 站 的 物理 结构 指 的 是 网 站 目录 及 所 包含 文件 所 存储 的 真实 位 置 所 表现 出 来 的 结构 。 
物理 结构 一 般 包含 两 种 不 同 的 表现 形式 , 即 扁 平 式 物理 结构 和 树 型 物理 结构 。 

(1) 扁平 式 物理 结构 。 

扁平 式 物理 结构 是 将 所 有 网 页 都 存放 在 网 站 根 目录 下 。 这 种 结构 对 搜索 引擎 而 言 是 最 
为 理想 的 ,因为 只 要 一 次 访问 即 可 遍历 所 有 页 面 。 但是, 如果 网 站 页 面 比较 多 , 太 多 的 网 页 
文件 都 放 在 根 目录 下 ,查找 和 维护 起 来 就 相当 麻烦 ,所 以 ,扁平 式 物理 结构 一 般 适用 于 只 有 
少量 页 面 的 小 型 微型 站 点 。 

(2) 树 型 物理 结构 。 

树 型 物理 结构 是 在 网 站 根 目 录 下 再 建立 2 一 3 层 甚至 更 多 层级 子 目 录 , 用 于 保存 不 同 级 
别 的 网 页 及 其 元 素 。 采 用 树 型 物理 结构 的 好 处 是 维护 容易 ,但 是 搜索 引擎 的 抓 取 将 会 显得 
相对 困难 。 互 联网 上 的 网 站 ,因为 内 容 普 遍 比 较 丰 富 , 所 以 大 多 都 是 采用 树 型 物理 结构 。 物 
理 结构 不 应 十 分 复杂 ,层次 也 不 应 太 多 ,应 根据 网 站 文件 的 功能 .地 位 和 大 致 的 迎 辑 结构 来 
建立 树 型 物理 结构 。 建 议 不 要 将 所 有 文件 都 放 在 根 目录 下 ,可 以 以 栏目 内 容 建 立 子 目录 ,在 
每 个 主 目录 建立 独立 的 目录 ,目录 的 层次 不 要 太 多 ,全 局 的 资源 应 该 放 在 根 目录 的 目录 中 。 

随 着 网 页 技术 的 不 断 发 展 ,利用 数据 库 或 者 其 他 后 台 程 序 自动 生成 网 页 的 技术 越 来 越 
普遍 ,网 站 的 物理 结构 也 将 发 生 新 的 变化 。 


2. 逻辑 结构 


网 站 的 逻辑 结构 与 其 物理 结构 不 同 ,网 站 的 逻辑 结构 主要 是 指 由 网 页 之 间 链 接 所 形成 
的 拓扑 结构 ,又 称 为 链接 结构 。 逮 辑 结构 和 物理 结构 的 区 别 在 于 , 逮 辑 结构 由 网 站 页 面 的 相 
互 链接 关系 决定 ,而 物理 结构 由 网 站 页 面 的 物理 存放 地 址 决定 。 

网 站 的 逻辑 结构 的 作用 主要 体现 在 : 

(1) 网 站 逻辑 结构 在 决定 页 面 重 要 性 ( 即 页 面 权重 ?方面 起 着 非常 关键 的 作用 。 

(2) 网 站 逻辑 结构 是 衡量 网 站 用 户 体验 及 其 质量 的 重要 指标 之 一 。 清 晰 的 逻辑 结构 可 
以 帮助 用 户 快速 获取 所 需 信 息 。 相 反 , 如 果 一 个 网 站 的 逻辑 结构 很 乱 ,用 户 在 访问 时 就 犹如 
走 进 了 一 座 迷宫 ,最 后 只 会 选择 放弃 浏览 。 
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(3) 网 站 逻辑 结构 直接 影响 搜索 引擎 对 页 面 的 收录 ,一 个 合理 的 逻辑 结构 可 以 引导 搜 
索引 擎 从 中 抓 取 更 多 有 价值 的 页 面 。 

在 网 站 的 逻辑 结构 中 ,通常 采用 ”链接 深度 "来 描述 页 面 之 间 的 逻辑 关系 。“ 链 接 深度 ” 
指 从 源 页 面 到 达 目 标 页 面 所 经 过 的 路 径 数 量 ,比如 某 网 站 的 网 页 A 中 存在 一 个 指向 目标 页 
面 B 的 链接 , 则 从 页 面 A 到 页 面 B 的 链接 深度 就 是 1。 

和 物理 结构 类 似 , 网 站 的 逻辑 结构 同样 可 以 分 为 扁平 式 逻 辑 结 构 和 树 型 逻辑 结构 
两 种 。 

(1) 扁平 式 迎 辑 结构 。 

扁平 式 逻 辑 结 构 又 称 为 星 状 多 辑 结构 ,扁平 式 逻 辑 结 构 的 网 站 实际 上 就 是 网 站 中 任意 
两 个 页 面 之 间 都 可 以 相互 连接 ,也 就 是 说 ,网 站 中 任意 一 个 页 面 都 包含 其 他 所 有 页 面 的 链 
接 , 网 页 之 间 的 链接 深度 都 是 1。 网 络 上 ,很 少 有 单纯 采用 扁平 式 多 辑 结构 作为 整 站 结构 的 
网 站 。 

(2) 树 型 逻辑 结构 。 

树 型 巡 辑 结构 是 主页 链接 指向 一 级 页 面 , 一 级 页 面 链接 指向 二 级 页 面 ,这 种 结构 看 起 来 
就 像 一 棵 树 ,浏览 时 一 级 一 级 地 进入 ,一 级 一 级 地 退出 ,其 优点 是 条 理 清晰 ,访问 者 明确 知道 
自己 在 什么 位 置 ,不 会 “迷路 "”。 缺 点 是 浏览 效率 低 。 

在 树 型 逻辑 结构 网 站 中 ,链接 深度 大 多 大 于 1。 网 站 设计 中 有 一 个 非常 著名 的 原则 , 那 
就 是 “三 次 单 击 ”, 即 网 站 的 任何 信息 都 应 该 在 最 多 三 次 单 击 后 找到 。 因 为 网 站 若 结构 层次 
太 多 ,这 样 会 使 有 价值 的 信息 被 埋 在 层 层 的 链接 之 后 ,很 少 有 访问 者 会 有 足够 的 耐心 去 找到 
它 ,通常 他 们 会 在 三 次 单 击 之 后 放弃 。 当 然 , 如 果 网 站 规模 庞大 (有 成 千 上 万 的 网 页 ) ,那么 
它 的 结构 层次 一 般 不 会 很 浅 。 这 种 情况 下 ,一 方面 要 尽量 压缩 网 站 的 结构 层次 , 另 一 方面 可 
以 通过 提供 网 站 结构 图 的 方式 来 帮助 访问 者 尽快 找到 所 需要 的 信息 。 

在 实际 的 网 站 设计 中 ,总 是 将 这 扁平 式 和 树 型 两 种 结构 混合 使 用 , 既 希 望 访问 者 迅速 到 
达 需 要 的 页 面 ,又 可 以 清晰 地 知道 自己 的 位 置 。 所 以 ,最 好 的 办 法 是 首页 和 一 级 页 面 之 间 采 
用 扁平 式 结构 ,一 级 和 二 级 页 面 之 间 采 用 树 型 结构 。 


2.3.4 网 站 形象 设计 


一 个 杰出 的 网 站 ,和 实体 公司 一 样 ,也 需要 整体 的 形象 包装 和 设计 。 所 谓 网 站 形象 ,是 
借用 广告 术语 “企业 形象 ”而 来 的 ,企业 形象 (Corporate Identity .CD 是 通过 视觉 来 统一 企业 
的 形象 。 就 网 站 而 言 ,准确 的 有 创意 的 CI 设计 对 网 站 的 宣传 推广 有 事半功倍 的 效果 。 在 
网 站 主题 和 名 称 定 下 来 之 后 ,需要 考虑 的 就 是 网 站 的 CI 形象。 

网 站 的 整体 风格 和 创意 设计 对 网 站 的 形象 有 较 大 影响 ,而 风格 和 创意 没有 固定 的 格式 
来 参考 和 模仿 。 网 站 的 形象 设计 主要 包括 以 下 几 方 面 : 

1. 网 站 的 标志 (Logo) 设 计 

如 同 商品 的 商标 一 样 ,网 站 标志 是 站 点 特色 和 内 涵 的 集中 体现 ,看 见 Logo 就 能 联想 到 
这 个 网 站 。 

网 站 的 标志 可 以 是 中 文英 文字 母 , 也 可 以 是 符号 .图案 , 还 可 以 是 动物 或 者 人 物 等 。 标 
志 的 设计 创意 来 自 网 站 的 名 称 和 内 容 。 常 用 的 方法 主要 有 : 
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(1) 用 有 代表 性 的 人 物 \ 动 物 、 花 草 作为 设计 的 蓝本 ,加 以 卡通 化 和 艺术 化 ,例如 迪斯尼 
的 米 老鼠 、 搜 狐 的 卡通 狐狸 、 效 威 体坛 的 篮球 效 鱼 等 。 

(2) 以 本 专业 有 代表 性 的 物品 作为 标志 。 比 如 中 国 银行 的 铜板 标志 、 奔 驰 汽车 的 方向 
盘 标 志 。 

(3) 用 自己 网 站 的 英文 名 称 作 标 志 。 采 用 不 同 的 字体 ,字母 的 变形 、 字 母 的 组 合 可 以 很 
容易 制作 好 自己 的 标志 。 


2. 网 站 的 标准 色彩 设计 


网 站 给 人 的 第 一 印象 来 自视 觉 冲 击 , 确 定 网 站 的 标准 色彩 是 相当 重要 的 一 步 。 不 同 的 
色彩 搭配 产生 不 同 的 效果 ,并 可 能 影响 到 访问 者 的 情绪 。 

“标准 色彩 "是 指 能 体现 网 站 形象 和 延伸 内 涵 的 色彩 。 如 IBM 的 深蓝 色 、 肯 德 基 的 红色 
条 型 Windows 视窗 标志 上 的 红 蓝 黄 绿色 块 都 显得 很 贴切 ,很 和 谐 。 一 般 来 说 ,一 个 网 站 的 
标准 色彩 不 超过 三 种 , 太 多 则 让 人 眼花 综 乱 。 标 准 色彩 要 用 于 网 站 的 标志 标题、 主 菜单 和 
主 色 块 等 ,给 入 以 整体 统一 的 感觉 。 至 于 其 他 色彩 也 可 以 使 用 ,只 是 作为 点 级 和 衬托 , 绝 不 
能 喧 宾 夺 主 。 

一 般 来 说 ,适合 于 网 页 标准 色 的 颜色 有 蓝 色 、 黄 /橙色 . 黑 / 灰 /白色 三 大 系列 色 。 


3. 网 站 的 标准 字体 设计 


网 站 的 标准 字体 是 指 用 于 标志 、 标 题 \ 主 菜单 的 特有 字体 。 一 般 网 页 默认 的 字体 是 宋 
体 。 为 了 体现 站 点 的 “与 众 不 同 " 和 特有 风格 ,可 以 根据 需要 选择 一 些 特别 字体 。 例 如 ,为 了 
体现 专业 可 以 使 用 粗 仿 宋体 ,体现 设计 精美 可 以 用 广告 体 ,体现 亲切 随意 可 以 用 手写 体 等 。 
可 以 根据 自己 网 站 所 表达 的 内 涵 , 选 择 更 贴切 的 字体 。 目 前 常见 的 中 文字 体 有 二 三 十 种 , 常 
见 的 英文 字体 有 近 百 种 ,还 可 以 从 网 络 上 下 载 专 用 英文 艺术 字体 。 

需要 说 明 的 是 ,使 用 非 默 认 字 体 最 好 处 理 成 图 片 的 形式 ,因为 浏览 者 的 计算 机 中 可 能 没 
有 安装 该 特别 字体 。 


4. 网 站 的 宣传 标语 设计 


网 站 的 宣传 标语 是 网 站 的 精神 和 目标 体现 ,可 以 用 一 句 话 甚至 一 个 词 来 高 度 概括 ,类 似 
实际 生活 中 的 广告 金 句 。 比 如 麦 斯 威 尔 的 “好 东西 和 好 朋友 一 起 分 享 ”。 

综 上 所 述 , 网 站 的 标志 、 色 彩 、. 字 体 和 标语 是 一 个 网 站 树立 CI 形象 的 关键 ,确切 的 说 是 
网 站 的 表面 文章 ,设计 并 完成 这 几 步 ,网 站 的 整体 形象 就 能 够 充分 体现 出 来 。 


2.3.5 网 页 设计 技术 规范 


随 着 网 页 设计 技术 的 发 展 ,丰富 多 彩 的 网 页 越 来 越 多 地 出 现在 网 上 ,但 是 ,网 页 的 浏览 
和 下 载 速度 却 受到 网 络 带 宽 和 通信 线路 等 因素 的 制约 。 网 页 设计 者 应 该 为 上 网 用 户 着 想 ， 
网 页 的 内 容 要 受益 于 用 户 , 下 载 速度 也 是 用 户 最 关心 的 。 在 网 站 的 开发 设计 过 程 中 ,从 管理 
的 角度 考虑 ,应 该 遵循 一 定 的 设计 技术 规范 ,主要 有 以 下 几 方 面 : 
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1. 目录 结构 设计 技术 规范 


目录 建立 的 原则 : 以 最 少 的 层次 提供 最 清晰 简便 的 访问 结构 。 

(1) 目录 的 命名 由 小 写 英文 字母 .下 划 线 组 成 。 

(2) 根 目 录 一 般 只 存放 index. htm 及 其 他 必需 的 系统 文件 。 

(3) 每 个 主要 栏目 开设 一 个 相应 的 独立 目录 。 

(4) 根 目录 下 的 images 用 于 存放 各 页 面 都 要 使 用 的 公用 图 片 文件 , 子 目 录 下 的 images 
目录 存放 本 栏目 页 面 使 用 的 私有 图 片 文件 。 

(5) 所 有 JSP、ASP 和 PHP 等 脚本 文件 存放 在 根 目 录 下 的 scripts 目录 。 

(6) 所 有 CGI 程序 文件 存放 在 根 目 录 下 的 cgi-bin 目录 。 

(7) 所 有 CSS 文件 存放 在 根 目录 下 的 style 目录 。 

(8) 每 个 语言 版 本 存放 于 独立 的 目录 中 。 例 如 ,简体 中 文 版 存放 于 目录 gb 中 。 

(9) 所 有 Flash、AVI、Ram 和 Quicktime 等 多 媒体 文件 存放 在 根 目录 下 的 media 目录 。 


2. 文件 命名 设计 技术 规范 


网 站 文件 命名 的 原则 : 以 最 少 的 字母 达到 最 容易 理解 的 意义 的 目标 。 

1) 一 般 文件 及 目录 命名 规范 

(1) 每 一 个 目录 中 应 该 包含 一 个 缺 省 的 HTML 文件 ,文件 名 统一 用 index. html。 

(2) 文件 名 称 统一 用 小 写 的 英文 字母 .数字 和 下 划 线 的 组 合 。 

(3) 尽量 以 单词 的 英语 翻译 为 名 称 , 如 feedback( 信 息 反馈 ) ,aboutus( 关 于 我 们 ) 。 

(4) 多 个 同类 型 文件 使 用 英文 字母 加 数字 命名 ,字母 和 数字 之 间 用 下 划 线 ” ”分隔 ,如 
news_01. htm news_02. htm 等 。 注 意 ,数字 位 数 与 文件 个 数 成 正比 ,不 够 的 用 0 补 齐 。 例 
如 共有 200 条 新 闻 ,其 中 第 10 条 命名 为 news_010. htm。 

2) 图 片 的 命名 规范 

(1) 名 称 分 为 头 和 尾 两 部 分 ,用 下 划 线 “_” 隔 开 。 

(2) 头 部 分 表示 此 图 片 的 大 类 性 质 。 例 如 : 

@ 放置 在 页 面 顶 部 的 广告 .装饰 图 案 等 长 方形 的 图 片 取 名 为 banner。 

@ 标志 性 的 图 片 取 名 为 logo。 

@ 在 页 面 上 位 置 不 固定 并 且 带 有 链接 的 小 图 片 取 名 为 button。 

@ 在 页 面 上 某 一 个 位 置 连续 出 现 , 性 质 相 同 的 链接 栏目 的 图 片 取 名 为 menu。 

回 装饰 用 的 照片 取 名 为 pic。 

不 带 链接 表示 标题 的 图 片 取 名 为 title. 依 照 此 原则 类 推 。 

(3) 尾部 分 用 来 表示 图 片 的 具体 含义 ,用 英文 字母 表示 。 例 如 banner_hbun. gif、 
banner_cdpc. gif .menu_news. gif .menu_work. gif title_maths. gif\logo_office. gif\logo_ 
home. gif .pic_pig. jpg 和 pic_cat. jpg 等 。 

(4) 有 onmouse 效果 的 图 片 ,两 张 分 别 在 原 有 文件 名 后 .扩展 名 前 加 _on 和 _off。 

3) 其 他 文件 命名 规范 

(1) js 的 命名 原则 以 相应 功能 的 英语 单词 为 名 。 例 如 ,广告 条 的 js 文件 名 为 ad. js。 

(2) 所 有 的 CGI 文 件 后 级 为 cgi。 
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(3) 所 有 CGI 程序 的 配置 文件 为 config. cgi。 
3. 页 面 设 计 技 术 规 范 


要 想 把 网 页 设计 的 精彩 ,内 容 必 定 要 丰富 ,但 不 能 把 所 有 内 容 全 都 放 在 一 个 页 面 上 ,应 
该 控制 页 面 的 总 规模 。 网 页 尺寸 分 为 网 页 页 面 尺 寸 和 网 页 中 分 割 区 域 的 尺寸 两 种 。 网 页 中 
分 割 区 域 的 尺寸 可 以 根据 整体 布局 ,在 页 面 尺 寸 范围 内 进行 分 配 , 达 到 协调 合理 的 目标 。 网 
页 页 面 尺寸 一 般 的 设计 规范 如 下 : 

(1) 网 站 的 页 面 分 辩 率 要 保证 页 面 在 1024X768 分 辩 率 下 没有 横向 滚动 条 ,所 以 页 面 
标准 按 800 X600 分 辩 率 制作 ,推荐 尺寸 为 766X430px。 

(2) 页 面 长 度 原则 上 不 超过 三 屏 , 宽 度 不 超过 一 屏 。 

(3) 每 个 标准 页 面 为 A4 幅面 大 小 , 即 21 X29. 7cm。 

(4) 全 尺寸 banner( 图 标 ) 为 468X60px, 半 尺寸 banner 为 234X60px, 小 banner 为 88 
X31px, 另 外 120X90、120X60 也 是 小 图 标的 标准 尺寸 ,每 个 非 首 页 静态 页 面 含 图 片 字 节 
不 超过 60KB ,全 尺寸 banner 不 超过 14KB。 


4. 网 页 布局 


网 页 中 各 主要 栏目 之 间 要 求 使 用 一 致 的 布局 ,包括 一 致 的 页 面 元 素 , 一 致 的 导航 形式 ， 
使 用 相同 的 按钮 ,相同 的 顺序 , 子 页 可 跟 首 页 有 所 变化 。 


5. 形象 设计 规范 


网 站 的 CI 整体 形象 包括 下 面 儿 个 要 素 ， 

1) 标志 (logo) 

(1) 网 站 必须 有 独立 的 标志 。 

(2) 标志 可 以 以 网 站 中 英文 名 称 设计 ,也 可 以 采用 特别 的 图 案 ,原则 是 简单 易 记 。 

(3) 标志 必须 可 以 用 黑白 和 彩色 分 别 清晰 表现 。 

(4) 标志 图 片 的 名 称 为 “logo_ 域 名 . gif”, 如 logo_sina. gif。 

(5) 尽量 提供 标志 的 矢量 图 片 。 

(6) 请 尽 可 能 在 每 个 页 面 上 都 使 用 标志 。 

2) 标准 色 

(1) 网 站 应 该 有 自己 的 标准 色 (主体 色 )。 

(2) 标准 色 原 则 上 不 超过 两 种 ,如 果 有 两 种 ,其 中 一 种 为 标准 色 , 另 一 种 为 标准 辅助 色 。 
(3) 标准 色 应 尽量 采用 216 种 Web 安全 色 之 内 的 色彩 。 

(4) 必须 提供 标准 色 确切 的 RGB 和 CMYK 数值 。 

(5) 请 尽 可 能 使 用 标准 色 。 

3) 标准 字体 

(1) 网 站 应 该 定义 一 种 标准 字体 ( 指 Logo 或 图 片上 使 用 的 字体 ) 。 

(2) 标准 字体 原则 上 定义 两 种 ,一 种 中 文字 体 ,一 种 英文 字体 (不 包括 文本 内 容 字 体 ) 。 
(3) 必须 提供 标准 字体 的 名 称 和 字库 。 

(4) 请 尽 可 能 使 用 标准 字体 。 
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6. 表格 设计 技术 规范 


网 页 中 应 尽 可 能 避免 使 用 大 型 表格 ,因为 浏览 器 必须 等 待 整个 表格 的 内 容 全 部 下 载 到 
客户 端 ,才能 显示 这 个 表格 的 内 容 ,而 文本 和 图 像 则 是 边 下 载 边 显示 。 如 果 页 面 中 必须 使 用 
表格 ,可 将 大 表格 分 解 成 若干 个 小 表格 ,浏览 器 下 载 后 面 的 表格 时 ,客户 可 以 阅读 已 经 下 载 
完 的 前 一 个 表格 。 这 样 做 是 为 了 使 等 待 下 载 时 间 和 浏览 信息 时 间 并 行 ,提高 网 络 的 利用 率 。 


7. 图 像 设计 技术 规范 


图 像 设计 是 Internet 的 真正 魅力 所 在 。 图 像 在 网 页 中 起 两 个 作用 。 一 是 装饰 作用 。 
以 想象 ,如 果 网 页 做 的 像 风 景 图 画 , 访 问 者 一 定 会 流连 忘 返 。 二 是 表达 作用 。 ea 
非常 大 , 它 可 以 非常 直观 地 表达 所 要 表达 的 内 容 。 正 是 由 于 具有 这 些 优点 ,图 像 很 受 人 们 的 
欢迎 。 当 一 个 公司 需要 创立 自己 的 形象 时 ,不妨 在 公司 的 主页 上 加 入 一 些 有 代表 性 的 图 像 ; 
当 企业 要 在 网 上 推广 自己 的 产品 时 ,也 不 妨 在 网 页 上 放 几 幅 产品 的 照片 ; 当 需 要 在 网 上 表 
现 个 人 形象 时 ,也 不 妨 将 自己 的 照片 放 在 网 页 上 。 

使 用 图 像 不 但 可 以 增加 视觉 效果 提供 更 多 信息 、 丰 富 文字 的 内 容 , 而 且 可 以 将 文本 内 
容 分 为 更 易 操 作 的 小 块 ,更 重要 的 是 能 够 体现 出 网 站 的 特色 。 

图 像 的 使 用 一 般 的 设计 规范 如 下 : 

1) 选择 合适 的 格式 

计算 机 图 形 图 像 技 术 发 展 到 现在 ,已 经 十 分 成 熟 ,常见 的 图 像 文件 格式 多 达 十 几 种 ,如 
GIF、JPEG、BMP、 EPS、PCX、PNG、FAS、TGA、TIF 和 WMEF 等 ,现在 的 IE (Internet 
Explorer) 和 NN(Netscape Navigator) 浏 览 器 支持 的 ,其 中 最 为 常用 的 图 像 格 式 有 GIF、 
JPEG 和 PNG 三 种 。 

(1) GIF 图 像 。 

GIF(Graphics Interchange Format ,图 像 互 换 格式 ) 是 CompuServe 公司 在 1987 年 开发 
的 图 像 文 件 格式 。GIF 文件 的 数据 是 一 种 基于 LZW 算法 的 连续 色调 的 无 损 压缩 格式 。 其 
压缩 率 一 般 在 50% 左 右 , 它 不 属于 任何 应 用 程序 。 目 前 几乎 所 有 相关 软件 都 支持 GIF , 公 
共 领 域 有 大 量 的 软件 在 使 用 GIF 图 像 文件 。GIF 图 像 文 件 的 数据 是 经 过 压缩 的 ,而 且 是 采 
用 了 可 变 长 度 等 压缩 算法 。 所 以 GIF 的 图 像 颜色 深度 从 1 位 到 8 位, 即 GIF 最 多 支持 256 
种 色彩 的 图 像 。 在 一 个 GIF 文件 中 可 以 存储 多 幅 彩 色 图 像 ,如 果 把 存 于 一 个 文件 中 的 多 幅 
图 像 数 据 逐 幅 读 出 并 显示 到 屏幕 上 ,就 可 构成 一 种 最 简单 的 动画 。 

GIF 图 像 特点 : 体积 小 ,有 着 极 好 的 压缩 效果 ; 支持 动画 效果 ; 支持 透明 效果 。 

(2) JPEG 图 像 。 

JPEG(Joint Photographic Experts Group, 联 合 图 像 专 家 小 组 ) 是 第 一 个 国际 图 像 压 缩 
标准 。JPEG 图 像 压 缩 算法 能 够 在 提供 良好 的 压缩 性 能 的 同时 具有 比较 好 的 重建 质量 ,被 
广泛 应 用 于 图 像 、 视 频 处 理 领 域 。 

JPEG 格式 压缩 的 主要 是 高 频 信息 ,对 色彩 的 信息 保留 较 好 ,适合 应 用 于 互联 网 ,可 减 
少 图 像 的 传输 时 间 ,可 以 支持 24 位 真 彩色 ,所 以 常用 JPEG 图 像 来 存储 色彩 较 多 的 画面 和 
摄影 照片 等 ,也 普遍 应 用 于 需要 连续 色调 的 图 像 。 

JPEG 图 像 特点 : 体积 小 ,下 载 速度 快 ; 不 支持 动画 及 透明 效果 。 
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(3) PNG 图 像 。 

PNG(Portable Network Graphic Format , 流 式 网 络 图 形 格式 ) 是 一 种 位 图 文件 存储 格 
式 。PNG 用 来 存储 灰 度 图 像 时 , 灰 度 图 像 的 深度 可 多 到 16 位 ; 存储 彩色 图 像 时 ,彩色 图 像 
的 深度 可 多 到 48 位 ,并且 还 可 存储 多 到 16 位 的 a 通道 数据 。PNG 使 用 从 L277 派生 的 无 

PNG 图 像 特点 : 清晰 ,无 损 压缩 ,压缩 比率 很 高 ,可 渐变 透明 ,具备 几乎 所 有 GIF 图 像 
的 优点 ,是 公认 的 最 适合 网 页 使 用 的 图 片 格式 。 缺 点 是 不 如 JPG 图 像 的 颜色 丰富 ,同样 的 
图 片 体积 也 比 JPG 略 大 。 

2) 设置 合适 的 存储 位 置 

将 不 同 层次 级 别 的 图 像 存放 在 不 同 层次 的 images 目录 中 。 

3) 对 大 型 图 像 的 处 理 

当 页 面 必须 使 用 大 型 图 像 时 ,有 两 种 处 理 方案 : 

(1) 建立 一 个 缩 略图 图 像 并 置 于 主页 中 ,将 它 链接 到 原始 的 大 型 图 像 。 

(2) 先 创建 一 个 同 原始 图 像 一 样 大 小 但 降低 了 色彩 和 分 辩 率 的 图 像 文件 ,使 用 低 源 标 
记 , 让 该 图 像 文 件 首先 下 载 。 这 种 方法 的 优点 是 使 客户 不 需 下 载 大 型 图 像 文 件 ,就 能 快速 地 
了 解 到 图 像 的 大 概 内 容 。 

4) 减少 使 用 图 像 的 数量 

网 页 中 不 要 使 用 太 多 的 图 像 文件 。 在 页 面 中 尽量 少 使 用 图 片 , 只 在 必要 的 情况 下 使 用 
图 片 ,图 片 大 小 最 好 不 要 超过 8KB。 图 像 文件 的 数量 和 大 小 对 页 面 的 下 载 时 间 影 响 极 大 ， 
因为 每 下 载 一 个 图 像 文件 ,浏览 器 都 向 Web 服务 器 请 求 一 次 连接 ,所 以 图 像 文 件 越 多 ,就 意 
味 着 页 面 下 载 的 时 间 越 长 。 可 以 尝试 用 一 个 图 像 代替 多 个 分 散 的 小 图 像 (如 多 个 按钮 等 )， 
从 而 尽 可 能 地 减少 图 像 文件 数量 ,保证 页 面 快速 下 载 。 

5) 标记 图 像 的 大 小 

在 HTML 代码 中 ,最 好 标记 出 图 像 的 显示 高 度 (Height) 和 宽度 (Width) ,在 下 载 页 面 
时 ,浏览 器 会 按 这 个 高 度 和 宽度 留 出 图 像 的 位 置 ,在 图 像 下 载 完 毕 之 前 ,及 时 地 显示 其 周转 
的 文字 内 容 。 否 则 ,让 浏览 器 按 图 像 本 身 的 高 度 和 宽度 显示 ,那么 只 能 等 待 图 像 全 部 下 载 完 
毕 后 , 才 显 示 图 像 及 其 周围 的 其 他 文字 信息 ,无 疑 会 造成 用 户 的 等 待 。 

6) 重用 图 像 

如 果 多 次 使 用 同一 个 图 像 文件 ,客户 端 浏览 器 的 Cache 对 此 有 所 帮助 。 浏 览 器 将 从 
它 的 Cache 中 找 出 先前 下 载 的 那个 图 像 文件 并 调 入 显示 ,而 无 需 再 从 Web 站 点 上 下 载 
(即使 它们 不 在 同一 页 面 中 ) ,这 样 调 入 图 像 就 不 受 带宽 的 约束 。 因 此 各 页 面 的 背景 图 案 
可 使 用 同一 个 图 像 文件 , 既 统一 了 页 面 的 风格 ,又 可 节省 图 像 下 载 的 时 间 。 如 果 再 次 调 
入 的 图 像 文件 只 有 尺寸 有 点 变化 ,那么 使 用 图 像 高 度 和 宽度 标记 (Tags) 即 可 改变 图 像 的 
大 小 。 

从 技术 上 讲 , 增 大 浏览 器 的 Cache 可 提高 浏览 的 速度 ,但 是 ,事实 并 非 如 此 。 有 时 ,清除 
Cache 中 的 内 容 后 下 载 的 速度 还 会 快 一 些 。 原 因 是 每 次 下 载 页 面 文本 或 图 像 时 ,浏览 器 总 
要 到 Cache 中 去 搜索 相应 的 页 面 或 图 像 .这 样 Cache 中 的 内 容 越 多 ,搜索 的 时 间 就 越 长 ,如 
果 比 下 载 更 费时 ,那么 这 时 应 该 及 时 清除 Cache 中 的 内 容 。 
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8. 少 用 背景 音乐 


虽然 目前 版 本 的 HTML 语言 具有 在 网 页 中 加 入 背景 音乐 的 功能 ,但 无 疑 背景 音乐 会 
降低 网 页 下 载 到 客户 端的 速度 ,除非 正在 创建 一 个 有 关 音 乐 的 网 站 ,否则 只 会 给 入 以 华 而 不 
实 的 感觉 。 如 果 非 要 加 入 背景 音乐 ,那么 音乐 文件 最 好 使 用 MIDI 格式 ,而 不 用 WAV 
格式 。 


9. 首页 代码 规范 


首页 的 代码 关键 在 head 区 ,head 区 是 指 首 页 HTML 代码 的 二 head 之 和 所 /head 盖 之 
间 的 内 容 。 

1) head 区 必须 加 入 的 标识 

(1) 公司 版 权 注释 : 二 ! 一 The site is designed by yourcompany, Inc 03/2001 -一 二 

(2) 网 页 显示 字符 集 , 例 如 : 

简体 中 文 : 二 META HTTP-EQUIV ==" Content-Type" CONTENT = "text/html; 
charset=gb2312"> 

繁体 中 文 : 二 META HTTP-EQUIV ==" Content-Type" CONTENT = "text/html; 
charset= BIG5"> 

英语 : 二 META HTTP-EQUIV 二 "Content-Type" CONTENT="text/html; charset 一 
iso-8859-1"> 

(3) 原始 制作 者 信息 : 二 META name 二 "author" content 二 "webmaster(@ yoursite. 
com"> 

(4) 网 站 简介 : 二 META NAME= "DESCRIPTION"”CONTENT=" 这 里 填 您 网 站 的 


简介 "二 
(5) 搜索 关键 字 : 二 META NAME= "keywords" CONTENT= "关键 字 1, 关 键 字 2， 
关键 字 3,…" 之 


(6) 网 页 的 CSS 规范: 二 LINK href 王 "style/style. css" rel 一 "stylesheet”type 一 
"text/css"> 

(7) 网 页 标题 title 之 这 里 是 你 的 网 页 标题 二 /title 

2) head 区 可 以 选择 加 入 的 标识 

(1) 设 定 网 页 的 到 期 时 间 。 一 旦 网 页 过 期 ,必须 到 服务 器 上 重新 调 阅 : 


< META HTTP — EQUIV = "expires" CONTENT = "Wed, 26 Feb 1997 08:21:57 GMT"> 
(2) 禁止 浏览 器 从 本 地 机 的 缓存 中 调 阅 页 面 内 容 : 

< META HTTP — EQUIV = "Pragma" CONTENT = "no - cache"> 

(3) 用 来 防止 别人 在 框架 里 调用 自己 的 页 面 : 

< META HTTP — EQUIV = "Window ~ target" CONTENT = "_top"> 

(4) 自动 跳 转 : 


< META HTTP — EQUIV = "Refresh" CONTENT = "5;URL = http://www. 68design. net"> 
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其 中 ,5 是 指 时 间 停 留 5s。 
(5) 网 页 搜索 机 器 人 向 导 : 用 来 告诉 搜索 机 器 人 哪些 页 面 需要 索引 ,哪些 页 面 不 需要 
索引 。 


< META NAME = "robots" CONTENT = "none"> 


其 中 ,CONTENT 的 参数 有 all ,none ,index .noindex follow 和 nofollow。 默 认 是 all。 
(6) 收藏 夹 图 标 : 


< LINK rel = "Shortcut Icon" href = "favicon. ico"> 


10. JS 调用 和 编码 规范 
所 有 的 JavaScript 脚本 尽量 采取 外 部 调用 : 
< SCRIPT LANGUAGE = "JavaScript" SRC= "script/yxxxx. js"></SCRIPT> 


JS 编码 规范 如 下 : 

(1) 尽量 采用 轻 量 级 的 JS 框架 ,如 ProtoType jQuery 及 MooTools 等 ,推荐 使 用 
jQuery 。 

(2) JS 文件 一 律 采用 UTF-8 编码 ,避免 出 现 编码 不 一 致 的 问题 。 

(3) JavaScript 程序 尽量 保存 在 后 缀 名 为 js 的 文件 中 ,以 方便 缓存 及 压缩 。 

(4) JS 文件 导入 的 标签 应 尽量 放 到 body 的 后 面 。 这 样 可 以 减少 因为 载 入 script 而 造 
成 其 他 页 面 内 容 载 人 而 被 延迟 的 问题 。 

(5) 缩 进 的 单位 为 4 个 空格 或 一 个 Tab 键 长 度 。 

(6) 所 有 的 变量 必须 在 使 用 前 进行 声明 ,将 var 语句 放 在 函数 的 首部 。 最 好 把 每 个 变 
量 的 声明 语句 单独 放 到 一 行 ,并 加 上 注释 说 明 。 所 有 变量 按照 字母 排序 。JavaSeript 没有 
块 作用 域 ,只 有 函数 级 的 作用 域 , 所 以 在 块 里 定义 变量 很 容易 引起 C/C++/Java 程序 员 们 的 
误解 。 在 函数 的 首部 定义 所 有 的 变量 。 尽 量 减 少 全 局 变量 的 使 用 ,不 要 让 局 部 变量 覆盖 全 
局 变量 。 

(7) 变量 名 应 由 26 个 大 小 写字 母 (A 一 Z,a 一 2) ,10 个 数字 (0 一 9) 和 下 划 线 组 成 。 不 要 
在 命名 中 使 用 美元 符号 ($ ) 或 者 反 斜 枉 (\) 。 不 要 把 下 划 线 作为 变量 名 的 开头 , 它 有 时 用 来 
表示 私有 变量 ,但 实际 上 JavaScript 并 没 提供 私有 变量 的 功能 。 如 果 私 有 变量 很 重要 ,那么 
使 用 私有 成 员 的 形式 。 应 避免 使 用 这 种 容易 让 人 误解 的 命名 习惯 。 

(8) 函数 名 与 左 括号 之 间 不 应 该 有 空格 。 右 括号 与 开始 程序 体 的 左 大 括号 之 间 应 插入 
一 个 空格 。 函 数 程序 体 应 缩 进 4 个 空格 或 1 个 Tab 键 长 度 。 右 大 括号 与 声明 函数 的 那 一 
行 代码 头 部 对 齐 。 如 果 函 数 是 匿名 函数 , 则 在 function 和 左 括号 之 间 应 有 一 个 空格 。 

(9) 变量 名 和 方法 名 应 以 小 写字 母 开 头 ,与 JS 本身 的 命名 一 致 。 

(10) 尽量 使 用 {) 代 替 new Object() ,使 用 [代替 new Array() 。 

(11) eval 是 JavaScript 中 最 容易 被 滥用 的 方法 ,避免 使 用 它 。 

(12) 不 要 使 用 Function 构造 器 。 

(13) 不 要 给 setTimeout 或 者 setInterval 传递 字符 串 参 数 。 


第 2 章 ”网 站 规划 设计 


11. CSS 推荐 模板 


< style type = "text/css"> 

机 二 

p { text— indent: 2em; } 

body { font - family: "宋体 "; font - size: 9pt; color: #000000; margin - top: 0px; margin 一 
right: Opx; margin - bottom: Opx; margin— left: Opx} 

table { font 一 family: "宋体 "; font - size: 9pt; line— height: 20px; color: #000000} 

a:link { font- size: 9pt; color: #0000FF; text— decoration: none} 

a:visited { font — size: 9pt; color: #990099; text — decoration: none} 

a:hover { font— size: 9pt; color: #FF9900; text - decoration: none} 

a:active { font- size: 9pt; color: #FF9900; text - decoration: none} 

a.1:link { font ~ size: 9pt; color: #3366cc; text - decoration: none} 

a.l:visited { font ~ size: 9pt; color: #3366cc; text — decoration: none} 

a.1:hover { font— size: 9pt; color: #FF9900; text— decoration: none} 

a.1:active { font — size: 9pt; color: #FF9900; text— decoration: none} 

.blue { font - family: "宋体 "; font - size: 10. 5pt; line— height: 20px; color: #0099FF; letter 
— spacing: 5em} 

< 一 > 

</style> 

body 标识 


为 了 保证 浏览 器 的 兼容 性 ,必须 设置 页 面 背景 二 body bgcolor 二 "#FFFFFF">。 
12. 内 容 编辑 规范 


1) 网 页 内 容 

网 页 内 容 必须 遵守 我 国 (计算 机 信息 网 络 国际 联网 安全 保护 管理 办 法 》 的 规定 ,任何 单 
位 和 个 人 不 得 利用 国际 联网 制作 、 复 制 .查阅 和 传播 下 列 信息 : 

(1) 煽动 抗拒 .破坏 宪法 和 法 律 . 行 政法 规 实施 的 。 

(2) 煽动 颠 获 国家 政权 ,推翻 社会 主义 制度 的 。 

(3) 煽动 分 裂 国 家 、 破 坏 国家 统一 的 。 

(4) 煽动 民族 仇恨 .民族 歧 视 , 破 坏 民族 团结 的 。 

(5) 捏造 或 者 牌 曲 事实 ,散布 谣言 ,扰乱 社会 秩序 的 。 

(6) 宣扬 封建 迷信 、 淫 秽 、 色 情 、 赌 博 、 暴 力 、 凶 杀 、 恺 怖 .教唆 犯罪 的 。 

(7) 公然 侮辱 他 人 或 者 捏造 事实 诽谤 他 人 的 。 

(8) 损害 国家 机 关 信誉 的 。 

(9) 其 他 违反 宪法 和 法 律 、 行 政法 规 的 。 

网 页 内 容 是 转载 的 ,必须 找到 原 出 处 ,经 联系 后 才能 使 用 。 

2) 标题 

标题 力求 简短 醒目、 新 颖 吸引 人 。 

3 文 

(1) 文章 的 段 首 空 两 格 .与 传统 格式 保持 一 致 。 

(2) 段 与 段 之 间 空 一 行 可 以 使 文章 更 清晰 易 看 。 

(3) 杜绝 错字 、 别 字 和 自 造 字 。 

(4) 简体 版 中 不 得 夹杂 繁体 字 。 
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(5) 译名 要 规范 。 例 如 ,singapore 统一 翻译 为 “新 加 坡 ”, 不 能 用 “ 星 加 坡 ”。 
(6) 全 角 数 字符 号 (不 含 标 点 ) 应 改 为 半角 。 


13. 新 技术 使 用 规范 


(1) 使 用 新 技术 原则 是 兼容 浏览 器 ,保证 下 载 速度 ,照顾 最 多 数 的 用 户 。 

(2) cookie 用 于 识别 .跟踪 和 支持 访问 者 ,通过 cookie 可 以 了 解 用 户 的 访问 路 径 , 收 集 
和 存储 用 户 的 喜好 ,但 要 考虑 到 用 户 关闭 cookie 的 情况 处 理 , 非 要 用 cookie, 应 提供 全 面 的 
解决 办 法 。 

(3) Java 是 一 种 跨 平台 的 面向 对 象 的 编程 语言 , 它 在 Web 中 的 应 用 主要 是 Java 
Applet, 但 是 Java Applet 的 下 载 速度 较 慢 , 谨 慎 使 用 。 

(4) 在 服务 器 端 最 好 打开 SSI 解析 ,但 不 要 使 用 过 多 的 SSI 嵌 套 。 不 能 使 用 SSI 时 ,可 
以 用 include Library( 包 含 库 文件 ) 代 替 ,效果 要 差 一 些 。 

(5) Flash 已 经 是 较 普 遍 的 技术 ,推荐 使 用 。 

(6) 新 网 页 制作 建议 采用 XHTML 规范 ,便于 未 来 和 XML 接轨 。 

(7) XML 系列 技术 可 以 在 服务 器 端 使 用 ,客户 端 暂 时 不 推荐 使 用 。 

(8) 非特 殊 要 求 ,不 推荐 在 网 页 上 提供 需要 下 载 额 外 插件 的 多 媒体 技术 。 

(9) 程序 语言 推荐 使 用 PHP、JSP 和 Java 等 跨 平台 语言 ,不 推荐 CGI、ASP 技术 。 


14. 导航 规范 


(1) 导航 要 简单 清晰 ,建议 不 超过 三 层 的 链接 。 

(2) 用 于 导航 的 文字 要 简明 扼要 ,字数 限制 在 一 行 以 内 。 

(3) 首页 、 各 栏目 一 级 页 面 之 间 互 链 , 各 栏目 一 级 和 本 栏目 二 级 页 面 之 间 互 链 。 
(4) 超过 三 级 页 面 ,在 页 面 顶部 设置 导航 条 ,标明 位 置 。 

(5) 突出 最 近 更 新 的 信息 ,可 以 加 上 更 新 时 间或 New 标识 。 

(6) 连续 性 页 面 应 加 入 上 一 页 ,下 一 页 按钮 。 

(7) 超过 一 屏 的 内 容 , 在 底部 应 有 go top 按钮 。 

(8) 超过 三 屏 的 内 容 , 应 在 头 部 设 提 纲 ,直接 链接 到 文 内 锚 点 。 


15. 数据 库 使 用 规范 


(1) 服务 器 上 有 关 数 据 库 的 一 切 操作 只 能 由 服务 器 管理 人 员 进 行 。 

(2) 程序 中 访问 数据 库 时 使 用 统一 的 用 户 、 统 一 的 连接 文件 访问 数据 库 。 

(3) 原则 上 每 一 个 栏目 只 能 建 一 个 库 , 库 名 与 各 栏目 的 英文 名 称 相 一 致 , 库 中 再 包含 若 
干 表 。 比 较 大 的 、 重 点 的 栏目 可 以 考虑 单独 建 库 , 库 名 与 栏目 的 英文 名 称 相 一 致 。 

(4) 数据 库 . 表 、 字 段 索引、 视图 等 一 系列 与 数据 库 相 关 的 名 称 必须 全 部 使 用 与 内 容 相 
关 的 英文 单词 命名 ,对 于 一 个 单词 难以 表达 的 ,可 以 考虑 用 多 个 单词 加 下 划 线 (_) 连 接 (不 能 
超过 4 个 单词 ) 命 名 (参见 命名 规范 ) 。 

(5) 不 再 使 用 的 数据 库 、 表 应 删除 ,在 删除 之 前 必须 备份 (包括 结构 和 内 容 ) 。 

总 之 ,网 页 设计 者 应 该 遵守 上 述 数 据 库 使 用 规范 ,对 自己 的 页 面 精 雕 细 刻 ,以 提高 网 页 
下 载 的 速度 和 使 用 效率 。 


网 站 平台 建设 | 


网 站 系统 平台 包括 硬件 平台 和 软件 平台 。 硬 件 平台 是 Web 网 站 的 存储 载体 ,可 以 是 专 
用 的 Web 服务 器 ,也 可 以 是 虚拟 主机 。 网 站 软件 平台 是 构建 网 站 所 必需 的 软件 系统 ,包括 
服务 器 操作 系统 ,数据 库 管 理 系统 和 网 站 信息 管理 系统 等 。 设 计 网 站 系统 时 ,根据 应 用 的 需 
要 选择 合适 的 网 站 硬件 平台 和 软件 平台 是 十 分 必要 的 ,而 正确 安装 和 配置 好 Web 服务 器 软 
件 是 保障 网 站 正常 运行 的 基本 前 提 。 


6.i 网 站 硬件 平台 建设 


网 站 的 硬件 平台 指 的 是 承载 网 站 服务 的 服务 器 。 网 站 硬件 平台 的 选择 很 大 程度 上 决定 
了 网 站 能 够 提供 服务 的 能 力 和 稳定 性 。 所 以 选择 硬件 平台 之 前 可 以 根据 网 站 的 规划 目标 预 
测 一 下 访问 者 的 流量 ,以 及 考虑 所 选择 的 软件 平台 的 系统 负荷 ,合理 选择 硬件 平台 。 

目前 可 供 选择 的 硬件 平台 方式 主要 有 专用 服务 器 .服务 器 托管 和 虚拟 主机 等 。 


3.1.1 专用 服务 器 


服务 器 也 称 为 伺服 器 (Server) ,是 网 络 环境 中 的 高 性 能 计算 机 , 它 侦 听 网 络 上 的 其 他 计 
算 机 (客户 端 ) 提 交 的 服务 请 求 ,管理 网 络 资源 并 提供 相应 的 服务 ,为 此 ,服务 器 必须 具有 承 
担 服 务 并 且 保障 服务 的 能 力 。 服 务 器 通常 分 为 文件 服务 器 ,数据 库 服务 器 和 应 用 程序 服务 
器 等 。 

它 的 高 性 能 主要 体现 在 高 速度 的 运算 能 力 、 长 时 间 的 可 靠 运行 ,强大 的 外 部 数据 吞吐 能 
力 等 方面 。 服 务 器 的 构成 与 微型 机 基本 相似 ,有 处 理 器 、 硬 盘 、 内 存 和 系统 总 线 等 ,它们 是 针 
对 具体 的 网 络 应 用 特别 制定 的 ,因而 服务 器 与 微型 机 在 处 理 能 力 、 稳 定性 、 可 靠 性 、 安 全 性 、 
可 扩展 性 和 可 管理 性 等 方面 存在 很 大 差异 。 

服务 器 是 网 站 的 灵魂 ,是 打开 网 站 的 必要 载体 ,没有 服务 器 的 网 站 用 户 无 法 浏览 。 


1. 服务 器 分 类 


服务 器 的 分 类 方法 很 多 ,主要 按 体系 结构 .应 用 层次 .机 箱 结构 和 品牌 等 进行 分 类 。 
1) 按 体系 架构 划分 
按 体系 架构 划分 ,服务 器 主要 可 分 为 非 x86 服务 器 和 x86 服务 器 。 
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(1) 非 x86 服务 器 。 

非 x86 服务 器 包括 大 型 机 、 小 型 机 和 UNIX 服务 器 ,它们 是 RISC(Reduced Instruction 
Set Computer ,精简 指令 集 计算 机 ) 架 构 服 务 器 。 

精简 指令 集 处 理 器 主要 有 IBM 公司 的 POWER 和 PowerPC 处 理 器 ,SUN 与 富士 通 公 
司 合作 研发 的 SPARC 处 理 器 、Intel 研发 的 安 腾 处 理 器 等 。 这 类 服务 器 价格 昂贵 、 体 系 封 
闭 ,但 是 稳定 性 好 ,性 能 强 ,主要 用 在 金融 .电信 等 大 型 企业 的 核心 系统 中 。 

(2) x86 服务 器 。 

x86 服务 器 又 称 为 CISC(Complex Instruction Set Computer, 复 杂 指 令 集 计算 机 ) 架 构 
服务 器 , 即 通常 所 讲 的 PC 服务 器 , 它 是 基于 PC 体系 结构 ,使 用 Intel 或 其 他 兼容 x86 指令 
集 的 处 理 器 芯片 和 Windows 操作 系统 的 服务 器 。 这 类 服务 器 价格 便宜 ,兼容 性 好 、 稳 定性 
较 差 .安全 性 较 高 ,主要 用 在 中 小 企业 和 非 关键 业务 中 。 

2) 按 应 用 层次 划分 

按 应 用 层次 划分 通常 也 称 为 “ 按 服务 器 档次 划分 "或 “ 按 网 络 规模 ”划分 ,是 服务 器 最 为 
普遍 的 一 种 划分 方法 ,主要 是 根据 服务 器 在 网 络 中 的 应 用 层次 来 划分 的 。 服 务 器 可 分 为 入 
门 级 服务 器 .工作 组 级 服务 器 ,部门 级 服务 器 和 企业 级 服务 器 等 。 

(1) 入 门 级 服务 器 。 

这 类 服务 器 是 最 基础 的 一 类 服务 器 ,也 是 最 低档 的 服务 器 。 随 着 PC 技术 的 日 益 提 高 ， 
许多 入 门 级 服务 器 与 PC 的 配置 差不多 ,所 以 也 有 部 分 人 认为 入门 级 服务 器 与 “PC 服务 器 ” 
等 同 。 这 类 服务 器 所 包含 的 服务 器 特性 并 不 是 很 多 ,通常 只 具备 以 下 几 方 面 : 

@ 有 一 些 基本 硬件 的 完 余 ,如 硬盘 .电源 和 风扇 等 ,但 不 是 必须 的 。 

@ 通常 采用 SCSI 接口 硬盘 ,也 有 采用 SATA 串 行 接口 的 。 

@ 部 分 部 件 支 持 热 插 拔 ,如 硬盘 和 内 存 等 ,这 些 也 不 是 必须 的 。 

@ 通常 只 有 一 个 CPU ,但 不 绝对 。 

@ 内 存 容量 最 大 支持 16GB。 

这 类 服务 器 主要 采用 Windows 或 者 Netware 网 络 操作 系统 ,可 以 充分 满足 办 公 室 型 的 
中 小 型 网 络 用 户 的 文件 共享 ,数据 处 理 、Internet 接 入 及 简单 数据 库 应 用 的 需求 。 这 种 服务 
器 与 一 般 的 PC 很 相似 ,有 很 多 小 型 公司 干脆 就 用 一 台 高 性 能 的 品牌 PC 作为 服务 器 ,所 以 
这 种 服务 器 无 论 在 性 能 上 ,还 是 在 价格 上 都 与 一 台 高 性 能 品牌 机 相差 无 几 。 

入 门 级 服务 器 所 连 的 终端 比较 有 限 ( 通 常 为 20 台 左 右 ) ,况且 稳定 性 、 可 扩展 性 及 容错 
元 余 性 能 较 差 , 仅 适用 于 没有 大 型 数据 库 数 据 交换 日 常 工作 网 络 流 量 不 大 ,无 需 长 期 不 间 
断 开机 的 小 型 企业 。 

(2) 工作 组 服务 器 。 

工作 组 服务 器 是 一 个 比 入 门 级 高 一 个 层次 的 服务 器 ,但 仍 属于 低档 服务 器 之 类 。 从 这 
个 名 字 也 可 以 看 出 , 它 只 能 连接 一 个 工作 组 (50 台 左 右 ) 的 用 户 , 网 络 规模 较 小 ,服务 器 的 稳 
定性 也 不 是 很 高 。 

工作 组 服务 器 具有 以 下 几 方 面 的 主要 特点 : 

@ 通常 仅 支持 单 或 双 CPU 结构 的 应 用 服务 器 ,但 也 不 是 绝对 的 ,如 SUN 公司 的 工作 
组 服务 器 就 有 能 支持 多 达 4 个 处 理 器 的 ,当然 这 种 类 型 的 服务 器 价格 也 较 高 。 

@ 可 支持 大 容量 的 ECC(Error Correcting Code, 错 误 检 查 和 纠正 ) 内 存 和 增强 服务 器 
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管理 功能 的 SM(System Management, 系 统管 理 ) 总 线 。 

@ 功能 较 全 面 、. 可 管理 性 强 , 且 易于 维护 。 

@ 采用 Intel 服务 器 CPU 和 Windows/Netware 网 络 操作 系统 ,但 也 有 一 部 分 是 采用 
UNIX 系列 操作 系统 的 。 

@@ 可 以 满足 中 小 型 网 络 用 户 的 数据 处 理 ,文件 共享 .Internet 接 人 及 简单 数据 库 应 用 的 
工作 组 服务 器 较 入 门 级 服务 器 来 说 性 能 有 所 提高 ,功能 有 所 增强 ,有 一 定 的 可 扩展 性 ， 
但 容错 和 元 余 性 能 仍 不 完善 ,也 不 能 满足 大 型 数据 库 系统 的 应 用 ,而 且 价 格 也 比 前 者 高 ,一 
般 相当 于 2 一 3 台 高 性 能 的 品牌 机 总 价 。 

(3) 部 门 级 服务 器 。 

这 类 服务 器 属于 中 档 服务 器 之 列 ,一 般 都 是 支持 双 CPU 以 上 的 对 称 处 理 器 结构 ,具备 
比较 完全 的 硬件 配置 ,如 磁盘 阵列 ,存储 托 架 等 。 部 门 级 服务 器 的 最 大 特点 就 是 除了 具有 工 
作 组 服务 器 的 全 部 服务 器 特点 外 ,还 集成 了 大 量 的 监测 及 管理 电路 ,具有 全 面 的 服务 器 管理 
能 力 , 可 监测 如 温度 .电压 .风扇 和 机 箱 等 状态 参数 ,结合 标准 服务 器 管理 软件 ,使 管理 人 员 
及 时 了 解 服务 器 的 工作 状况 。 同 时 ,大 多 数 部 门 级 服务 器 具有 优良 的 系统 扩展 性 ,能 够 满足 
用 户 在 业务 量 迅速 增 大 时 能 够 及 时 在 线 升 级 系统 ,充分 保护 了 用 户 的 权益 。 它 是 企业 网 络 
中 分 散 的 各 基层 数据 采集 单位 与 最 高 层 的 数据 中 心 保 持 顺利 连通 的 必要 环节 ,一 般 为 中 型 
企业 的 首选 ,也 可 用 于 金融 .邮电 等 行业 。 

部 门 级 服务 器 一 般 采 用 IBM、SUN 和 HP 各 自 开发 的 CPU 芯片 ,这 类 芯片 一 般 是 
RISC 结构 ,所 采用 的 操作 系统 一 般 是 UNIX 系列 操作 系统 ,Linux 也 在 部 门 级 服务 器 中 得 
到 了 广泛 应 用 。 

部 门 级 服务 器 可 连接 100 个 左右 的 计算 机 用 户 , 适 用 于 对 处 理 速度 和 系统 可 靠 性 要 求 
高 一 些 的 中 小 型 企业 网 络 ,其 硬件 配置 相对 较 高 ,可 靠 性 比 工 作 组 级 服务 器 要 高 一 些 , 当 然 
其 价格 也 较 高 (通常 为 5 台 左 右 高 性 能 PC 价格 总 和 )。 由 于 这 类 服务 器 需要 安装 比较 多 的 
部 件 ,因此 机 箱 通常 较 大 ,一 般 采 用 机 柜 式 的 。 

(4) 企业 级 服务 器 。 

企业 级 服务 器 属于 高 档 服务 器 行列 ,最 起 码 是 采用 4 个 以 上 CPU 的 对 称 处 理 器 结构 ， 
有 的 高 达 几 十 个 。 一 般 还 具有 独立 的 双 PCI 通道 和 内 存 扩 展板 设计 ,具有 高 内 存 带 宽大 
容量 热 插 拔 硬盘 和 热 插 拔 电源 、. 超 强 的 数据 处 理 能 力 和 群集 性 能 等 。 这 种 企业 级 服务 器 的 
机 箱 就 更 大 了 ,一般 为 机 柜 式 的 ,有 的 还 由 几 个 机 柜 组 成 。 企 业 级 服务 器 产品 除了 具有 部 门 
级 服务 器 的 全 部 服务 器 特性 外 ,最 大 的 特点 就 是 它 还 具有 高 度 的 容错 能 力 、 优 良 的 扩展 性 
能 ,故障 预报 警 功 能 在 线 诊 断 和 RAM、PCI、CPU 等 热 插 拔 性 能 。 有 的 企业 级 服务 器 还 引 
入 了 大 型 计算 机 的 许多 优良 特性 。 这 类 服务 器 所 采用 的 芯片 也 都 是 几 大 服务 器 开发 .生产 
厂商 自己 开发 的 独 有 CPU 芯片 ,所 采用 的 操作 系统 一 般 也 是 UNIX 或 Linux。 

企业 级 服务 器 适合 运行 在 需要 处 理 大 量 数据 、 高 处 理 速 度 和 对 可 靠 性 要 求 极 高 的 金融 、 
证 券 、 交 通 、 邮 电 、 通 信 或 大 型 企业 。 企 业 级 服务 器 用 于 联网 计算 机 在 数 百 台 以 上 、 对 处 理 速 
度 和 数据 安全 要 求 非常 高 的 大 型 网 络 。 企 业 级 服务 器 的 硬件 配置 最 高 ,系统 可 靠 性 也 最 强 。 

服务 器 中 配置 固态 硬盘 已 经 是 一 个 普遍 的 选择 。 固 态 硬盘 可 以 帮助 用 户 解 决 服务 器 性 
能 的 瓶颈 。 固 态 硬 盘 可 以 让 高 速 存储 更 加 接近 处 理 器 ,并 将 共享 存储 网 络 这 个 洪 在 的 瓶颈 
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剔除 掉 。 目 前 有 三 种 固态 硬盘 的 形式 , 即 硬盘 驱动 型 SSD(Solid State Drive, 固态 硬盘 )、 
SSD DIMM(Dual-Inline-Memory-Modules, 双 列 直 搬 式 存储 模块 ) 和 PCIs SSD 。 

企业 级 服务 器 的 首选 是 SSD 存储 器 , 那 是 因为 闪存 存储 访问 减轻 了 HDD RAID 引擎 
的 负载 ,因此 重建 时 间 缩 短 , 但 是 并 非 所 有 SSD 设备 都 能 保持 企业 级 性 能 。 其 性 能 可 能 会 
在 使 用 数 小 时 后 突然 降低 , 即 “ 写 陡 降 ”。 因 此 多 数 企 业 级 服务 器 用 户 , 如 百度 、 阿 里 巴巴 、 腾 
讯 和 奇 虎 等 都 会 选择 类 似 于 LSI Nytro MegaRAID 系列 卡 等 加 速 卡 用 以 提供 持续 的 性 能 ， 
而 采用 的 LSI SandForce 闪存 处 理 器 管理 的 板 载 闪存 存储 器 能 提供 企业 级 的 性 能 和 可 靠 
性 ,而 且 其 延迟 性 能 比 SAS 接口 的 SSD 更 具 一 致 性 。 

3) 按 机 箱 结构 划分 

按 服务 器 的 机 箱 结构 来 划分 ,可 以 把 服务 器 划分 为 台式 服务 器 .机 架 式 服务 器 、 机 柜 式 
服务 器 和 刀片 式 服务 器 4 类 。 

(1) 台式 服务 器 。 

台式 服务 器 也 称 为 “ 塔 式 服务 器 "。 有 的 台式 服务 器 采用 大 小 与 普通 立 式 计算 机 大 致 相 
当 的 机 箱 , 有 的 采用 大 容量 的 机 箱 。 低 档 服务 器 由 于 功能 较 弱 ,整个 服务 器 的 内 部 结构 比较 
简单 ,所 以 机 箱 不 大 ,都 采用 台式 机 箱 结构 ,如 图 3-1 所 示 。 


图 3-1 台式 服务 器 


台式 服务 器 的 优点 : 台式 服务 器 的 外 形 及 结构 都 与 立 式 PC 差不多 ,由 于 服务 器 的 主板 
扩展 性 较 强 , 持 槽 也 较 多 ,因此 体积 比 普通 主板 大 一 些 , 因 此 台式 服务 器 的 主机 机 箱 也 比 标 
准 的 ATX 机 箱 要 大 ,一 般 都 会 预 留 足 够 的 内 部 空间 以 便 日 后 进行 硬盘 和 电源 的 完 余 扩展 。 

台式 服务 器 的 缺点 : 目前 常见 的 入门 级 和 工作 组 级 服务 器 基本 上 都 采用 这 一 服务 器 结 
构 类 型 ,不 过 由 于 只 有 一 台 主 机 ,即使 进行 升级 也 是 有 限 的 ,因此 在 一 些 应 用 需求 较 高 的 企 
业 中 ,单个 服务 器 就 无 法 满足 要 求 了 ,需要 多 机 协同 工作 ,而 台式 服务 器 个 头 太 大 ,独立 性 太 
强 , 协 同 工 作 在 空间 占用 和 系统 管理 上 都 不 方便 ,这 也 是 台式 服务 器 的 局 限 性 。 

总 的 来 说 ,这 类 服务 器 的 功能 ,性 能 基本 上 能 满足 大 部 分 企业 用 户 的 要 求 ,其 成 本 通常 
也 比较 低 , 因 此 这 类 服务 器 拥有 非常 广泛 的 应 用 支持 ,在 整个 服务 器 市 场 中 占有 相当 大 的 
份额 。 

(2) 机 架 式 服务 器 。 

机 架 式 服务 器 的 外 形 看 起 来 不 像 计算 机 ,而 像 交 换 机 ,有 1U(C1U 王 1.75 英寸 ).2U 和 
4U 等 规格 。 机 架 式 服务 器 安装 在 标准 的 19 英寸 机 柜 里 面 。 这 种 结构 的 多 为 功能 型 服务 
器 ,如 图 3-2 所 示 。 

机 架 式 服务 器 的 优点 : 作为 为 互联 网 设计 的 服务 器 模式 ,机 架 式 服务 器 是 一 种 外 观 按 
照 统 一 标准 设计 的 服务 器 ,配合 机 柜 统 一 使 用 。 可 以 说 机 架 式 是 一 种 优化 结构 的 台式 服务 
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图 3-2 机 架 式 服务 器 


器 , 它 的 设计 宗旨 主要 是 为 了 尽 可 能 减少 服务 器 空间 的 占用 ,而 减少 空间 的 直接 好 处 就 是 在 
机 房 托 管 的 时 候 价格 会 便宜 很 多 。 

很 多 专业 网 络 设备 都 是 采用 机 架 式 的 结构 (多 为 扁平 式 , 就 像 个 抽 屋 ) ,如 交换 机 、 路 由 器 、 
各 件 芒 火 次 等 。 机 架 服 务 器 的 宽度 为 19 英寸 ,高 度 以 U 为 单位 (1U 王 1.75 英寸 二 44. 45mm) ， 

通常 有 1U.、2U、3U、4U、5U 和 7U 等 等 几 种 标准 的 服务 器。 机 框 的 尺 十 也 是 采用 通用 的 工业 

标准 ,通常 从 22 一 42U 不 等 。 机 柜 内 按 U 的 高 度 有 可 拆 印 的 滑动 拖 架 ,用 户 可 以 根据 自己 
服务 器 的 标高 灵活 调节 高 度 , 以 存放 服务 器 、 集 线 器 、 磁 盘 阵 列 柜 等 网 络 设备 。 服 务 器 摆 放 
好 后 , 它 的 所 有 OG ee he - 
置 在 机 柜 的 线 槽 中 ,一 般 贴 有 标号 ,便于 管理 

ed 5 间 比 台式 服务 器 大 大 缩小 ,所 以 这 类 服务 
器 在 扩展 性 和 散热 问题 上 受到 一 定 的 限制 ,配件 也 经 过 一 定 的 筛选 ,一般 都 无 法 实现 更 多 的 
设备 扩展 ,所 以 单机 性 能 就 比较 有 限 ,应 用 范围 也 比较 有 限 , 只 能 专注 于 某 一 方面 的 应 用 ,如 
远程 存储 和 Web 服务 的 提供 等 。 

(3) 机 柜 式 服务 器 。 

在 一 些 高 档 企 业 服 务 器 中 由 于 内 部 结构 复杂 ,内 部 设备 较 多 ,有 的 还 具有 许多 不 同 的 设 
备 单元 或 几 个 服务 器 都 放 在 一 个 机 柜 中 ,这 种 服务 器 就 是 机 柜 式 服务 器 ,如 图 3-3 所 示 。 


图 3-3 机 柜 式 服务 器 


对 于 证 券 . 银 行 和 邮电 等 重要 企业 , 则 应 采用 具有 完备 的 故障 自修 复 能 力 的 系统 ,关键 
部 件 应 采用 宛 余 措施 ,对 于 关键 业务 使 用 的 服务 器 也 可 以 采用 双 机 热 备份 高 可 用 系统 或 者 
是 高 性 能 计算 机 ,这 样 的 系统 可 用 性 就 可 以 得 到 很 好 的 保证 。 

(4) 刀片 式 服务 器 。 

刀片 式 服务 器 是 一 种 HAHD(High Availability High Density, 高 可 用 高 密度 ) 的 低 成 
本 服务 器 平台 ,是 专门 为 特殊 应 用 行业 和 高 密度 计算 机 环境 设计 的 ,其 中 每 一 块 “ 刀 片 ” 实 际 
上 就 是 一 块 系统 母 板 , 类 似 于 一 个 个 独立 的 服务 器 ,如 图 3-4 所 示 。 在 这 种 模式 下 ,每 一 个 
母 板 运 行 自 己 的 系统 ,服务 于 指定 的 不 同 用 户 群 ,相互 之 间 没 有 关联 。 不 过 可 以 使 用 系统 软 
件 将 这 些 母 板 集合 成 一 个 服务 器 集群 。 在 集群 模式 下 ,所 有 的 母 板 可 以 连接 起 来 提供 高 

的 网 络 环境 ,可 以 共享 资源 ,为 相同 的 用 户 群 服务 。 
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图 3-4 刀片 式 服 务 器 


当前 市 场 上 的 刀片 式 服 务 器 有 两 大 类 : 一 类 主要 为 电信 行业 设计 ,接口 标准 和 尺寸 规 
格 符合 PICMG(PCI Industrial Computer Manufacturer's Group)1. x 或 2. x, 未 来 还 将 推出 
符合 PICMG3. x 的 产品 ,采用 相同 标准 的 不 同 厂 商 的 刀片 和 机 柜 在 理论 上 可 以 互相 兼容 ; 
另 一 类 为 通用 计算 设计 ,接口 上 可 能 采用 了 上 述 标准 或 厂商 标准 ,但 尺寸 规格 是 厂商 自 定 ， 
注重 性 能 价格 比 ,属于 这 一 类 的 产品 居多 。 刀 片 式 服务 器 目前 最 适合 群集 计算 和 IXP 
(Internet Exchange Point, 因 特 网 交换 点 )。 
刀片 式 服务 器 的 优点 : 刀片 式 服务 器 适用 于 数码 媒体 、 医 学 、 航 天 、 军 事 和 通信 等 多 种 
领域 ,可 以 通过 本 地 硬盘 启动 自己 的 操作 系统 ,如 Windows NT/2000、Linux 和 Solaris 等 ， 
类 似 于 一 个 个 独立 的 服务 器 。 在 集群 中 插入 新 的 “刀片 ”, 就 可 以 提高 整体 性 能 。 而 由 于 每 
块 “ 刀 片 ” 都 是 热 持 拔 的 ,因此 系统 可 以 轻松 地 进行 蔡 换 ,并 且 将 维护 时 间 减 少 到 最 小 。 系 统 
配置 可 以 通过 一 套 智能 KVM(Keyboard, 键 盘 ; Video, 显 示 器 ; Mouse, 鼠标) 切换 器 和 9 
个 或 10 个 带 硬盘 的 CPU 板 来 实现 。CPU 可 以 配置 成 为 不 同 的 子 系统 。 一 个 机 架 中 的 服 
务 器 可 以 通过 新 型 的 智能 KVM 转换 板 共 享 一 套 光驱 软驱、 键盘 、 显 示 器 和 鼠标 ,以 访问 多 
台 服 务 器 ,从 而 便于 进行 升级 、 维 护 和 访问 服务 器 上 的 文件 。 

4) 按 品牌 划分 

著名 的 服务 器 品牌 主要 有 IBM、SUN、HP、DELL、 联 想 \ 浪 潮 及 曙光 等 。 


3.1.2 服务 器 托管 


服务 器 托管 是 指 为 了 提高 网 站 的 访问 速度 ,将 服务 器 及 相关 设备 托管 到 具有 完善 机 房 
设施 、 高 品质 网 络 环境 、 丰 富 带 宽 资 源 和 运营 经 验 , 以 及 可 对 用 户 的 网 络 和 设备 进行 实时 监 
控 的 网 络 数 据 中 心 ,以 此 使 系统 达到 安全 ,可靠 稳定、 高 效 运行 的 目的 。 托 管 的 服务 器 由 客 
户 自己 进行 维护 ,或 者 由 其 他 授权 人 进行 远程 维护 。 即 由 用 户 自行 购买 服务 器 设备 放 到 当 
地 电信 ,网通 或 其 他 ISP 运营 商 的 IDC(Internet Data Center, 互 联网 数据 中 心 ) 机 房 。 

服务 器 托管 又 称 为 主机 托管 , 它 摆脱 了 虚拟 主机 受 软 硬 件 资源 的 限制 ,能 够 提供 高 性 能 
的 处 理 能 力 , 同 时 有 效 降 低 维护 费用 和 机 房 设备 投入 、 线 路 租用 等 高 额 费用 。 客 户 对 设备 拥 
有 所 有 权 和 配置 权 ,并 可 要 求 预 留 足够 的 扩展 空间 。 无 论 客户 在 哪里 ,只 要 能 上 网 ,就 可 以 
对 远 在 天 涯 的 服务 器 进行 控制 ,从 而 实现 对 服务 器 的 拥有 和 维护 。 


1. 服务 器 托管 的 优势 
服务 器 托管 具有 下 述 优势 。 


第 3 章 ”网 站 平台 建设 


1) 节约 成 本 

。 线路 成 本 。 企 业 不 必 租 用 昂贵 的 通信 线路 ,可 以 共享 或 独 享 数据 中 心 高 速 带宽 。 

。 人 员 成 本 。 由 中 心 专业 技术 人 员 全 天 候 咨询 维护 ,省 去 了 对 维护 人 员 的 支出 。 

。 现场 成 本 。 完 善 的 电力 .空调 ,监控 等 设备 保证 企业 服务 器 的 正常 运转 ,节省 了 大 量 
建设 机 房 的 费用 。 

2) 灵活 性 

用 户 根据 需要 ,灵活 选择 数据 中 心 提供 的 线路 .端口 及 增值 服务 。 无 须 受 虚拟 主机 服务 
的 功能 限制 ,可 以 根据 实际 需要 灵活 配置 服务 器 ,以 达到 充分 应 用 的 目的 。 

3) 稳定 性 

在 独立 主机 的 环境 下 ,可 以 对 自己 的 行为 和 程序 严密 把 关 、 精 密 测试 ,将 服务 器 的 稳定 
性 提升 到 最 高 。 

4) 安全 性 

在 独立 主机 的 环境 下 ,可 以 自己 设置 主机 权限 ,自由 选择 防火 墙 和 防 病毒 设施 。 

5) 独 享 性 

独立 主机 可 以 选择 足够 的 网 络 带宽 等 资源 ,以 及 服务 器 的 档次 ,从 而 保证 主机 响应 和 网 
络 的 高 速 性 。 


2. 服务 器 托管 注意 事项 


(1) 仔细 浏览 对 方 网 站 ,查看 网 站 的 稳定 性 和 访问 速度 。 如 果 服 务 器 供应 商 自 己 的 网 
站 都 出 现 访问 速度 较 慢 的 情况 ,那么 他 的 技术 实力 可 能 较 差 。 

(2) 仔细 查看 该 公司 的 相关 经 营 许可 证 和 注册 资金 等 ,通过 此 项 可 以 看 出 这 家 服务 器 
供应 商 的 实力 情况 。 

(3) 通过 观察 客户 人 员 数 量 及 上 班 时 间 来 佑 测 这 家 服务 器 供应 商 的 规模 。 


3.1.3 虚拟 主机 


虚拟 主机 是 在 网 络 服务 器 上 划分 出 一 定 的 磁盘 空间 ,供用 户 放置 站 点 、 应 用 组 件 等 , 提 
供 必 要 的 站 点 功能 .数据 存放 和 传输 功能 等 。 所 谓 虚 拟 主机 ,也 叫 * 网 站 空间 ”, 就 是 把 一 台 
运行 在 互联 网 上 的 服务 器 划分 成 多 个 “虚拟 ”的 服务 器 ,每 一 个 虚拟 主机 都 具有 独立 的 域名 
和 完整 的 Internet 服务 器 (支持 WWW、FTP 和 E-mail 等) 功能。 网 络 发 展 中 虚拟 主机 的 利 
用 , 极 大 地 促进 了 网 络 技术 的 应 用 和 普及 。 同 时 虚拟 主机 的 租用 服务 也 成 了 网 络 时 代 新 的 
经 济 形式 。 

虚拟 主机 是 使 用 特殊 的 软 、 硬 件 技术 ,把 一 台 真 实 的 物理 计算 机 主机 分 割 成 多 个 逻辑 存 
储 单元 ,每 个 逻辑 单元 都 没有 物理 实体 ,但 是 每 一 个 物理 单元 都 能 像 真实 的 物理 主机 一 样 在 
网 络 上 工作 ,具有 单独 的 IP 地 址 (或 共享 的 IP 地 址 ) 及 完整 的 Internet 服务 器 功能 。 

虚拟 主机 的 关键 技术 在 于 ,即使 在 同一 台 硬 件 、 同 一 个 操作 系统 上 运行 着 为 多 个 用 户 打 
开 的 不 同 的 服务 器 程式 ,也 互 不 干扰 。 而 各 个 用 户 拥有 自己 的 一 部 分 系统 资源 (IP 地 址 、 文 
档 存 储 空间 、 内 存 .CPU 时 间 等 )。 虚 拟 主机 之 间 完 全 独立 。 在 外 界 看 来 ,每 一 台 虚 拟 主机 
和 一 台 单独 主机 的 表现 完全 相同 。 所 以 这 种 被 虚拟 化 的 逻辑 主机 被 形象 地 称 为 “虚拟 
主机 ”。 
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一 台 服 务 器 上 的 不 同 虚拟 主机 是 各 自 独 立 的 ,并 由 用 户 自行 管理 。 但 一 台 服 务 器 主机 
只 能 够 支持 一 定数 量 的 虚拟 主机 , 当 超 过 这 个 数量 时 ,用 户 将 会 感到 性 能 急剧 下 降 。 

虚拟 主机 技术 是 互联 网 服务 器 采用 的 节省 服务 器 硬件 成 本 的 技术 ,虚拟 主机 技术 主要 
应 用 于 HTTP 服务 ,将 一 台 服 务 器 的 某 项 或 者 全 部 服务 内 容 逻 辑 划 分 为 多 个 服务 单位 ,对 
外 表现 为 多 个 服务 器 ,从 而 充分 利用 服务 器 硬件 资源 。 如 果 划 分 是 系统 级 别 的 , 则 称 为 虚拟 
服务 器 。 

虚拟 主机 所 连 的 计算 机 不 管 是 什么 机 型 .运行 什么 操作 系统 、 使 用 什么 软件 ,都 可 以 归 
结 为 两 大 类 : 客户 端 和 服务 器 。 

客户 机 是 访问 别人 信息 的 机 器 。 通 过 邮电 局 或 别 的 ISP 拨号 上 网 时 ,电脑 就 被 临时 分 
配 了 一 个 IP 地址 ,利用 这 个 临时 身份 证 ,就 可 以 在 Internet 的 海洋 里 获取 信息 ,网 络 断 线 
后 ,电脑 就 脱离 了 Internet,IP 地 址 也 被 收回 。 

服务 器 则 是 提供 信息 给 客户 端 访 问 的 机 器 ,通常 又 称 为 主机 。 由 于 人 们 任何 时 候 都 可 
能 访问 到 它 , 因 此 作为 主机 必须 每 时 每 刻 都 连接 在 Internet 上 ,拥有 自己 永久 的 IP 地址 。 
因此 不 仅 要 设置 专用 的 计算 机 硬件 ,还 要 租用 昂贵 的 数据 专线 ,再 加 上 各 种 维护 费用 (如 房 
租 `. 人 工 和 电费 等 ) ,为 此 ,人 们 开发 了 虚拟 主机 技术 。 


1. 虚拟 主机 方式 的 优点 


(1) 相对 于 购买 独立 服务 器 ,网 站 建设 的 费用 大 大 降低 ,为 普及 中 小 型 网 站 提供 了 极 大 
便利 。 

(2) 利用 虚拟 主机 技术 ,使 得 多 台 虚 拟 主机 共享 一 台 真 实 主机 的 资源 ,每 个 虚拟 主机 用 
户 承 受 的 硬件 费用 、 网 络 维护 费用 、 通 信 线 路 的 费用 均 大 幅度 降低 。 许 多 企业 建立 网 站 都 采 
用 这 种 方法 ,这 样 不 仅 大 大 节省 了 购买 机 器 和 租用 专线 的 费用 ,网 站 服务 器 管理 简单 ,诸如 
软件 配置 、 防 病毒 、 防 攻击 等 安全 措施 都 由 专业 服务 商 提 供 , 大 大 简化 了 服务 器 管理 的 复杂 
性 ; 同时 也 不 必 为 使 用 和 维护 服务 器 的 技术 问题 担心 ,更 不 必 聘 用 专门 的 管理 人 员 。 

(3) 网 站 建设 效率 提高 。 租 用 虚拟 主机 通常 只 需要 很 短 的 时 间 就 可 以 开通 ,因为 主要 
的 域名 注册 ,查询 ,服务 商都 已 经 实现 了 整个 业务 流程 的 电子 商务 化 ,选择 适合 自己 需要 的 
虚拟 主机 ,在线 付款 之 后 马上 就 可 以 开通 。 

(4) 虚拟 主机 技术 的 出 现 是 对 Internet 技术 和 网 络 发 展 的 重大 贡献 。 由 于 多 台 虚 拟 主 
机 共享 一 台 真实 主机 的 资源 ,大 大 增加 了 服务 器 和 通信 线路 的 利用 率 。 


2. 虚拟 主机 方式 的 缺点 


(1) 某 些 功能 受到 服务 商 的 限制 ,如 可 能 耗 用 系统 资源 的 论坛 程序 .流量 统计 功能 等 。 

(2) 网 站 设计 需要 考虑 服务 商 提供 的 功能 支持 ,如 数据 库 类 型 和 操作 系统 等 。 

(3) 某 些 虚拟 主机 网 站 访问 速度 过 慢 , 这 可 能 是 由 于 主机 提供 商 将 一 台 主 机 出 租 给 数 
量 众多 的 网 站 ,或 者 服务 器 配置 等 方面 的 原因 所 造成 的 ,这 种 状况 网 站 自己 无 法 解决 ,对 于 
网 站 的 正常 访问 会 产生 不 利 影响 。 

(4) 有 些 服务 商 对 网 站 流量 有 一 定 限制 ,这 样 当 网 站 访问 量 较 大 时 将 无 法 正常 访问 。 

(5) 一 般 虚拟 主机 为 了 降低 成 本 ,没有 独立 IP 地 址 ,也 就 是 说 用 IP 地 址 不 能 直接 访问 
网 站 (因为 同一 个 IP 地 址 对 应 有 多 个 网 站 ) 。 
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3. 选择 虚拟 主机 应 注意 的 问题 


选择 虚拟 主机 应 该 从 以 下 几 方 面 进行 考虑 。 

1) 经 营 时 间 

经 营 时 间 的 长 短 是 评价 一 个 虚拟 主机 提供 商 的 重要 标准 。 

2) 性 价 比 

低 价 导 致 性 能 下 降 , 低 价 要 防止 服务 商 消失 。 卓 越 的 信誉 ,优异 的 品质 ,真诚 的 服务 , 合 
适 的 价格 ,对 于 一 个 成 功 的 虚拟 主机 提供 商 是 非常 重要 的 。 

3) 承载 网 站 数量 

虚拟 主机 是 由 服务 器 通过 虚拟 主机 技术 分 割 成 的 多 个 主机 。 一 般 来 说 ,服务 器 上 放置 
200 个 以 内 企业 网 站 或 30 个 以 内 功能 型 网 站 均 属 正常 ,不 会 影响 服务 器 的 速度 ,如 果 超 过 
这 个 量 , 再 好 的 服务 器 也 很 难 承受 ,结果 就 会 是 速度 下 降 ,故障 频繁 的 现象 发 生 。 

4) 在 线 管理 功能 

服务 商 最 好 能 提供 虚拟 主机 控制 面板 .FTP 等 在 线 管 理 功 能 。 市 面 上 有 很 多 支持 各 种 
平台 的 虚拟 主机 管理 软件 ,使 得 虚拟 主机 空间 的 管理 更 轻松 .更 人 性 化 。 

5) 数据 安全 性 

服务 商 是 否 提供 防火 墙 设备 保护 用 户 的 数据 安全 和 防范 DDoS(Distributed Denial of 
Service, 分 布 式 拒绝 服务 ) 攻 击 。 服 务 器 上 有 无 其 他 违法 网 站 ,如 有 其 他 非法 网 站 的 存在 ， 
可 能 导致 整个 服务 器 被 停止 运行 。 

6) 售后 是 否 完善 

服务 商 是 否 有 完善 的 售后 服务 ,对 用 户 的 数据 进行 监控 ,避免 由 于 出 现 有 害 信 息 而 被 通 
信 管理 部 门 和 公安 部 门 处 罚 。 


4. 虚拟 主机 的 主要 应 用 


虚拟 主机 主要 应 用 在 以 下 几 个 方面 。 

(1) 虚拟 服务 器 空间 : 非常 适合 中 小 企业 、 小 型 门户 网 站 ,节省 资金 资源 。 

(2) 电子 商务 平台 : 虚拟 主机 空间 与 独立 服务 器 的 运行 完全 相同 ,中 小 型 服务 商 可 以 
以 较 低 成 本 ,通过 虚拟 主机 空间 建立 自己 的 电子 商务 \ 在 线 交 易 平台 。 

(3) ASP 应 用 平台 : 虚拟 主机 空间 特有 的 应 用 程序 模板 ,可 以 快速 地 进行 批量 部 署 ,再 
加 上 独立 服务 器 的 品质 和 极 低 的 成 本 是 中 小 型 企业 进行 ASP 应 用 的 首选 平台 。 

(4) 数据 共享 平台 : 完全 的 隔离 ,无 与 伦比 的 安全 ,使 得 中 小 企业 、 专 业 门户 网 站 可 以 
使 用 虚拟 主机 空间 提供 数据 共享 .数据 下 载 服务 。 对 于 大 型 企业 来 说 ,可 以 作为 部 门 级 应 用 
平 合 。 

(5) 数据 库存 储 平台 : 可 以 为 中 小 企业 提供 数据 存储 数据 功能 。 由 于 成 本 比 独立 服务 
器 低 ,安全 人 性 高 ,成 为 小 型 数据 库 的 首选 。 


3.1.4 服务 器 的 选择 原则 


网 站 服务 器 是 网 站 的 硬件 基础 ,设备 的 选择 应 根据 网 站 的 用 途 、 功 能 、 规 模 和 用 户 访问 
量 等 因素 来 考虑 。 选 择 网 站 服务 器 时 应 遵循 如 下 原则 。 
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(1) 性 能 要 稳定 : 只 有 性 能 稳定 的 服务 器 才能 保障 网 站 的 正常 工作 。 

(2) 以 够 用 为 准则 : 在 选择 时 ,要 根据 实际 应 用 范围 和 功能 来 选择 ,从 实际 出 发 ,选择 
够 用 偏 上 的 服务 器 。 

(3) 应 考虑 扩展 性 : 由 于 建站 单位 在 发 展 ,业务 范围 不 断 扩大 ,功能 不 断 增强 ,这 样 就 
对 服务 器 提出 更 高 的 要 求 ,在 这 样 的 前 提 下 ,在 选择 时 就 要 考虑 服务 器 的 扩展 性 。 

(4) 便于 操作 管理 : 现在 的 服务 器 必须 具有 非常 好 的 易 操 作 性 和 可 管理 性 ,如 果 出 现 
故障 ,无需 专业 人 员 就 可 排除 。 

(5) 信息 和 技术 的 安全 性 要 好 : 要 保证 服务 器 具有 较 高 的 安全 性 ,对 软 、 硬 件 采取 更 好 
的 保护 措施 等 。 

(6) 内 部 配件 的 性 能 要 搭配 合理 : 为 了 使 服务 器 更 加 高 效 的 运转 ,必须 确保 选择 的 服 
务 器 的 内 部 配件 性 能 合理 搭配 。 

(7) 性 价 比 要 高 : 高 档 服务 器 的 价格 势必 要 比 中 低档 服务 器 的 价格 要 高 。 要 根据 实际 
情况 ,选择 性 能 稳定 、 价 格 适中 的 服务 器 。 

(8) 售后 服务 要 好 : 由 于 服务 器 的 使 用 和 维护 具有 一 定 的 技术 含量 ,这 就 要 求 操作 和 
管理 人 员 必 须 掌 握 一 定 的 使 用 知识 。 但 对 于 一 些 建站 者 来 讲 , 配 备 专门 人 员 来 管理 服务 器 
又 不 是 很 现实 ,这 就 要 求 服务 器 售后 服务 一 定 要 好 ,才能 保证 服务 器 安全 、 稳 定 地 运转 。 


@.3 网 站 软件 平台 建设 


建设 好 网 站 硬件 平台 服务 器 后 ,还 需要 进一步 建设 网 站 软件 平台 ,软件 平台 是 整个 网 站 
的 灵魂 。 网 站 的 软件 平台 主要 包括 网 络 操作 系统 数据库 管理 系统 和 网 站 系统 平台 等 内 容 。 


3.2.1 网 络 操作 系统 


网 络 操作 系统 (Network Operating System, NOS) 是 网 络 的 心脏 和 灵魂 ,是 在 网 络 环境 
下 实现 对 网 络 资源 的 管理 和 控制 ,向 网 络 计算 机 提供 服务 的 特殊 的 操作 系统 ,是 用 户 与 网 络 
资源 之 间 的 接口 。 网 络 操作 系统 是 建立 在 独立 的 操作 系统 之 上 ,为 网 络 用 户 提 供 使 用 网 络 
系统 资源 的 桥梁 。 网 络 操作 系统 运行 在 服务 器 上 ,并 由 联网 的 计算 机 用 户 共 享 。 在 多 个 用 
户 争 用 系统 资源 时 ,网 络 操作 系统 进行 资源 调剂 管理 , 它 依 靠 各 个 独立 的 计算 机 操作 系统 对 
所 属 资源 进行 管理 ,协调 和 管理 网 络 用 户 进程 或 程序 与 联机 操作 系统 进行 交互 。 

一 般 情况 下 ,NOS 是 以 使 网 络 相关 特 性 达到 最 佳 为 目的 的 ,如 共享 数据 文件 .软件 应 
用 ,以 及 共享 硬盘 打印机、 调制 解 调 器 .扫描 仪 和 传真 机 等 。 为 防止 一 次 由 一 个 以 上 的 用 户 
对 文件 进行 访问 ,一般 网 络 操作 系统 都 具有 文件 加 锁 功 能 。 如 果 系 统 没有 这 种 功能 ,用 户 可 
能 不 会 正常 工作 。 文 件 加 锁 功能 可 跟踪 使 用 中 的 每 个 文件 ,并 确保 一 次 只 能 一 个 用 户 对 其 
进行 编辑 。 


3.2.1.1 网 络 操作 系统 的 功能 和 特征 


1. 网 络 操作 系统 的 基本 功能 
(1) 文件 服务 。 通 过 FTP、TFTP(Trivial File Transfer Protocol, 简 单 文件 传输 协议 ) 
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等 协议 向 网 络 提供 文件 服务 , 供 客户 端 下 载 。 
(2) 打印 服务 。 为 网 络 上 的 计算 机 提供 打印 机 共享 。 
(3) 数据 库 服务 。 提 供 数据 查询 、 增 加 、 删 除 和 修改 等 服务 。 
(4) 通信 服务 。 网 络 操作 系统 的 最 基本 功能 ,完成 网 络 通信 。 
(5) 信息 服务 。 常 见 的 信息 服务 主要 有 WWW、 电 子 邮 件 和 新 闻 组 等 。 
(6) 分 布 式 服务 。 为 分 布 在 网 络 上 的 服务 器 提供 协同 管理 ,提高 服务 器 集群 的 效率 。 
(7) 网 络 管理 服务 。 进 行 基本 的 网 络 管理 和 维护 。 


2. 网 络 操作 系统 的 基本 特征 


(1) 网 络 OS 允许 在 不 同 的 硬件 平台 上 安装 和 使 用 ,能 够 支持 各 种 网 络 协议 和 网 络 
服务 。 

(2) 提供 必要 的 网 络 连接 支持 ,能够 连接 两 个 不 同 的 网 络 。 

(3) 提供 多 用 户 协 同 工 作 的 支持 ,主要 包括 具有 多 种 网 络 设置 ,管理 的 工具 软件 ,能 够 
方便 地 完成 网 络 的 管理 。 

(4) 有 很 高 的 安全 性 ,能 够 进行 系统 安全 性 保护 和 各 类 用 户 的 存 取 权限 控制 。 

3.2.1.2 常见 的 网 络 操作 系统 

常见 的 网 络 操 作 系 统 主要 有 Windows 系列 产品 、NetWare、UNIX 及 Linux 等 。 
Windows 系列 产品 具有 图 形 操 作 界 面 ,有 很 好 的 可 操作 性 和 交互 性 ; NetWare 是 一 个 开放 
的 网 络 服务 器 平台 ,可 以 方便 地 对 其 进行 扩充 ; UNIX 网 络 操作 系统 以 优秀 的 稳定 性 著称 ; 
Linux 继承 了 UNIX 的 优秀 特性 ,并 且 以 开放 源 代码 而 闻名 ,吸引 了 越 来 越 多 的 用 户 。 


1. Windows 网 络 操作 系统 


Windows 网 络 操作 系统 是 全 球 最 大 的 软件 开发 商 Microsoft( 微 软 ) 公 司 开发 的 。 微 软 
公司 的 Windows 系统 不 仅 在 个 人 操作 系统 中 占有 绝对 优势 ,而 且 在 网 络 操作 系统 中 也 是 具 
有 非常 强劲 的 力量 。 这 类 操作 系统 配置 在 整个 局 域 网 配置 中 是 最 常见 的 ,但 由 于 它 对 服务 
器 的 硬件 要 求 较 高 , 且 稳 定性 能 不 是 很 好 ,因此 微软 的 网 络 操作 系统 一 般 只 是 用 在 中 低档 服 
务 器 中 ,高 端 服务 器 通常 采用 UNIX、Linux 等 非 Windows 操作 系统 。 

Windows 网 络 操作 系统 包括 Windows NT、Windows 2000 Server、Windows Server 
2003、Windows Server 2008 和 Windows Server 2012 等 。Windows 操作 系统 支持 即 插 即 
用 、 多 任务 .对 称 多 处 理 和 群集 等 一 系列 功能 。 

1) Windows NT 

Microsoft Windows NT(New Technology, 新 技术 ) 是 Microsoft 在 1993 年 推出 的 面向 
工作 站 、 网 络 服务 器 和 大 型 计算 机 的 网 络 操作 系统 ,也 可 作为 PC 操作 系统 。 它 与 通信 服务 
紧密 集成 ,基于 OS/2 NT 基础 编制 。 

Windows NT 的 主流 版 本 主要 有 NT 3.1、NT 3.5x 和 NT 4.0。 

(1) Windows NT 3.1 是 微软 的 Windows NT 产品 线 的 第 一 代 产 品 ,用 于 服务 器 和 商 
业 桌 面 操作 系统 ,于 1993 年 7 月 27 日 发 布 。 版 本 号 选择 3. 1 是 为 了 匹配 Windows 3.1( 微 
软 当时 最 新 版 的 图 形 用 户 界面 ), 以 表明 它们 拥有 非常 类 似 的 用 户 界面 方面 的 视觉 效果 。 有 
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两 个 版 本 的 NT 3. 1 可 供 选 择 , 即 Windows NT 3.1 和 Windows NT Advanced Server 3.1。 
它 可 以 运行 在 Intel x86 .DEC Alpha 和 MIPS R4000 的 CPU 上 。 

(2) Windows NT 3. 5 是 微软 于 1994 年 发 布 的 网 络 操作 系统 ,此 后 陆续 推出 了 
Windows NT 3. 5x 系列 ,该 系列 有 两 个 版 本 , 即 Windows 3. 5x Workstation 和 Windows 
3. 5x Server。 

Windows 3. 5x Workstation 限制 了 可 同时 运行 的 网 络 任务 的 数量 并 省 略 了 一 些 服务 
器 软件 ,而 Windows NT 3. 51 可 以 用 来 构建 一 个 完整 的 网 络 服务 器 。Windows NT 3. 5x 
的 界面 仍然 和 Windows 3. 1 保持 一 致 。Windows NT Workstation 3. 5 支持 OpenGL 显卡 
标准 ,同时 进一步 改善 了 安全 性 和 稳定 性 ,使 得 Windows 的 应 用 领域 得 以 大 大 扩展 。 

(3) Windows NT 4.0 于 1996 年 4 月 发 布 。Windows NT 4.0 是 NT 系列 的 一 个 里 程 
碑 ,该 系统 面向 工作 站 、 网 络 服务 器 和 大 型 计算 机 , 它 与 通信 服务 紧密 集成 ,提供 文件 和 打印 
服务 ,能 运行 客户 端 /服务 器 应 用 程序 ,内 置 了 Internet/Intranet 功能 。 

Windows NT 4.0 的 特点 : 

Q@ 32 位 操作 系统 ,多 重 引导 功能 ,可 与 其 他 操作 系统 共存 。 

@ 实现 了 “抢先 式 ” 多 任务 和 多 线程 操作 。 

@ 采用 SMP(Symmetric Multi-Processing ,对称 多 处 理 ) 技 术 , 支 持 多 CPU 系统 。 

@ 支持 CISC 和 RISC 多 种 硬件 平台 。 

@ 可 与 各 种 网 络 操 作 系 统 实现 互 操 作 , 如 UNIX、Novel Netware 和 Macintosh 等 系统 。 

@ 支持 多 种 协议 ,如 TCP/IP、Net BEUI、DLC、AppleTalk 和 NWLINK 等 。 

@ 安全 性 达到 美国 国防 部 的 C2 标准 。 

2) Windows 2000 Server 

Windows 2000 Server 是 Windows 2000 服务 器 版 ,面向 小 型 企业 的 服务 器 领域 。 它 的 
原名 就 是 Windows NT 5. 0 Server。 支 持 每 台 机 器 上 最 多 拥有 4 个 处 理 器 ,最 低 支 持 
128MB 内 存 , 最 高 支持 4GB 内 存 。 

微软 通过 Windows 2000 Server 操作 系统 达到 了 软件 业 很 少 实现 的 一 个 目标 : 提供 一 
种 同时 具有 改进 性 和 创新 性 的 产品 。 改 进 性 表现 为 Windows 2000 建立 于 Windows NT 4.0 
操作 系统 的 良好 基础 之 上 ; 创新 性 表现 为 Windows 2000 Server 设置 了 操作 系统 与 Web、 
应 用 程序 .网 络 .通信 和 基础 设施 服务 之 间 良 好 集成 的 一 个 新 标准 。 

Windows 2000 Server 有 三 个 版 本 : 

(1) Windows 2000 Server, 即 服务 器 版 ,面向 小 型 企业 的 服务 器 领域 , 它 的 前 一 个 版 本 
为 Windows NT 4.0 Server 版 。 支 持 每 台 机 器 上 最 多 拥有 4 个 处 理 器 ,最 低 支持 128MB 内 
存 , 最 高 支持 3. 25GB 内 存 。Server 在 NT4 的 基础 上 做 了 大 量 的 改进 ,在 各 种 功能 方面 有 
了 更 大 的 提高 。 

(2) Windows 2000 Advanced Server, 即 高 级 服务 器 版 ,面向 大 中 型 企业 的 服务 器 领域 。 
它 的 原名 就 是 Windows NT 5. 0 Server Enterprise Edition。 最 高 可 以 支持 8 个 处 理 器 ,最 
低 支持 128MB 内 存 ,最 高 支持 8GB 内 存 。 与 Server 版 不 同 的 是 ,Advanced Server 具有 更 
为 强大 的 特性 和 功能 。 它 对 SMP( 对 称 多 处 理 器 ) 的 支持 要 比 Server 更 好 ,支持 的 数目 可 以 
达到 4 路 。 

(3) Windows 2000 Datacenter Server, 即 数据 中 心服 务 器 版 ,面向 最 高 级 别 的 可 伸缩 
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性 、 可 用 性 与 可 靠 性 的 大 型 企业 或 国家 机 构 的 服务 器 领域 。8 路 或 更 高 处 理 能 力 的 服务 器 
(最 高 可 以 支持 32 个 处 理 器 ) ,最 低 支持 256MB 内 存 , 最 高 支持 64GB 内 存 ,可 以 支持 32 路 
SMP 系统 和 64GB 的 物理 内 存 。 该 系统 可 用 于 大 型 数据 库 、 经 济 分 析 、 科 学 计算 及 工程 模 
拟 等 方面 ,另外 还 可 用 于 联机 交易 处 理 。 

3) Windows Server 2003 

Windows Server 2003 是 微软 的 服务 器 操作 系统 。 最 初 叫 作 Windows . NET Server， 
后 改 成 Windows . NET Server 2003, 最 终 被 改 成 Windows Server 2003, 于 2003 年 3 月 
28 日 发 布 ,并 在 同年 4 月 底 上 市 。 相 对 于 Windows 2000 做 了 很 多 改进 ,包括 改进 的 Active 
Directory( 活 动 目 录 ) ,如 可 以 从 schema 中 删除 类 ; 改进 的 Group Policy( 组 策略 ) 操 作 和 管 
理 ; 改进 的 磁盘 管理 ,如 可 以 从 Shadow Copy( 卷 影 复制 ) 中 备份 文件 。 

(1) Windows Server 2003 的 主要 特性 。 

Windows Server 2003 具有 可 靠 性 .可 用 性 .可 伸缩 性 和 安全 性 ,这 使 其 成 为 高 度 可 靠 
的 网 络 平台 。 

Q@ 可 靠 性 。 

Windows Server 2003 用 以 下 方式 保证 可 靠 性 : 

。 提供 具有 基本 价值 的 IT 基础 结构 : 改进 的 可 靠 性 、 实 用 性 和 可 伸缩 性 。 

。 在 广泛 的 操作 系统 功能 基础 上 提供 一 个 具有 内 署 的 传统 应 用 程序 服务 器 功能 的 应 
用 系统 平台 。 

。 集成 了 信息 工作 者 基础 结构 ,从 而 有 助 于 保护 商业 信息 的 安全 性 和 可 访问 性 。 

@ 可 用 性 。 

Windows Server 2003 系列 增强 了 和 群集 支持 ,从 而 提高 了 其 可 用 性 。 对 于 部 署 业 务 关 
键 的 应 用 程序 、 电 子 商务 应 用 程序 和 各 种 业务 应 用 程序 的 单位 而 言 ,群集 服务 是 必 不 可 少 
的 ,因为 这 些 服 务 大 大 改进 了 单位 的 可 用 性 、 可 伸缩 性 和 易 管理 性 。 在 Windows Server 
2003 中 ,群集 安装 和 设置 更 容易 也 更 可 靠 , 而 该 产品 的 增强 网 络 功能 提供 了 更 强 的 故障 转 
移 能 力 和 更 长 的 系统 运行 时 间 。 

Windows Server 2003 系列 支持 多 达 8 个 节点 的 服务 器 群集 。 如 果 群 集中 某 个 节点 由 
于 故障 或 者 维护 而 不 能 使 用 , 另 一 个 节点 会 立即 提供 服务 ,这 一 过 程 即 为 故障 转移 。 
Windows Server 2003 还 支持 网 络 负载 平衡 (Network Load Balancing, NLB), 它 在 群集 中 
各 个 节点 之 间 平 衡 传人 的 Internet 协议 (IP) 通 信 。 

@ 可 伸缩 性 。 

Windows Server 2003 系列 通过 由 对 称 多 处 理 (Symmetric Multi-Processing, SMP) 技 
术 支 持 的 向 上 扩展 和 由 群集 支持 的 向 外 扩展 来 提供 可 伸缩 性 。 内 部 测试 表明 ,与 Windows 
2000 Server 相 比 ,Windows Server 2003 在 文件 系统 方面 提供 了 更 高 的 性 能 ,其 他 功能 ( 包 
括 Microsoft Active Directory 服务 、Web 服务 器 和 终端 服务 器 组 件 及 网 络 服务 ) 的 性 能 也 
显著 提高 。Windows Server 2003 是 从 单 处 理 器 解决 方案 一 直 扩展 到 32 路 系统 的 。 它 同时 
支持 32 位 和 64 位 处 理 器 。 

@ 安全 性 。 

Windows Server 2003 在 安全 性 方面 提供 了 许多 重要 的 新 功能 和 改进 ,包括 : 
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公共 语言 运行 库 是 Windows Server 2003 的 关键 部 分 , 它 提高 了 可 靠 性 并 有 助 于 保证 
计算 环境 的 安全 。 它 降低 了 错误 数量 ,并 减少 了 由 常见 的 编程 错误 引起 的 安全 漏洞 。 因 此 ， 
攻击 者 能 够 利用 的 弱点 就 更 少 了 。 公 共 语 言 运行 库 还 验证 应 用 程序 是 否 可 以 无 错误 运行 ， 
并 检查 适当 的 安全 性 权限 ,以 确保 代码 只 执行 适当 的 操作 。 

b. Internet Information Services(IIS)6. 0。 

为 了 增强 Web 服务 器 的 安全 性 ,Internet Information Services (IIS)6. 0 在 交付 时 的 配 
置 可 获得 最 大 安全 性 (默认 安装 “已 锁定 ”)。IIS 6. 0 和 Windows Server 2003 提供 了 最 可 
靠 , 最 高 效 、 连 接 最 通畅 及 集成 度 最 高 的 Web 服务 器 解决 方案 ,该 方案 具有 容错 性 、 请 求 队 
列 \ 应 用 程序 状态 监控 、 自 动 应 用 程序 循环 、 高 速 缓存 及 其 他 更 多 功能 。 

这 些 功能 是 IIS 6. 0 中 许多 新 功能 的 一 部 分 ,可 以 保障 在 Web 上 安全 地 执行 业务 。 

Windows Server 2003 在 许多 方面 都 具有 使 机 构 和 雇员 提高 工作 效率 的 能 力 ,主要 体 
现在 以 下 几 方面 。 

@ 文件 和 打印 服务 器 。 

任何 IT 机 构 的 核心 都 是 要 求 对 文件 和 打印 资源 进行 有 效 的 管理 ,同时 又 允许 用 户 安 
全 地 使 用 。 随 着 网 络 的 扩展 ,位 于 站 点 上 、 远 程 位 置 及 合伙 公司 中 用 户 的 增加 ,致使 IT 管 
理 员 面 临 着 不 断 增长 的 沉重 负担 。Windows Server 2003 系列 提供 了 智能 的 文件 和 打印 服 
务 , 其 性 能 和 功能 性 都 得 到 提高 ,从 而 降低 整体 成 本 。 

©@ Active Directory。 

Active Directory 是 Windows Server 2003 系列 的 目录 服务 。 它 存储 了 有 关 网 络 上 对 象 
的 信息 ,并 且 通 过 提供 目录 信息 的 逻辑 分 层 组 织 ,使 管理 员 和 用 户 易 于 找到 该 信息 。 

Windows Server 2003 对 Active Directory 做 了 不 少 改进 ,使 其 使 用 起 来 更 通用 、 更 可 
靠 ,也 更 经 济 。 在 Windows Server 2003 中 , Active Directory 提供 了 增强 的 性 能 和 可 伸缩 
性 。 它 允许 更 加 灵活 地 设计 、 部 署 和 管理 单位 的 目录 。 

@ 管理 服务 。 

随 着 桌面 计算 机 便携 式 计算 机 和 便携 式 设备 上 计算 量 的 激增 ,维护 分 布 式 个 人 计算 机 
网 络 的 实际 成 本 也 显著 增加 。 通 过 自动 化 来 减少 日 常 维护 是 降低 操作 成 本 的 关键 。 
Windows Server 2003 新 增 了 几 套 重要 的 自动 管理 工具 来 帮助 实现 自动 部 署 , 包 括 
Microsoft 软件 更 新 服务 (Software Update Services,SUS) 和 服务 器 配置 向 导 。 新 的 组 策略 
管理 控制 台 (The Group Policy Management Console,GPMC) 使 得 管理 组 策略 更 加 容易 ,从 
而 使 更 多 的 机 构 能 够 更 好 地 利用 Active Directory 服务 及 其 强大 的 管理 功能 。 此 外 ,命令 行 
工具 使 管理 员 可 以 从 命令 控制 台 执行 大 多 数 任务 。 

@ 存储 服务 。 

Windows Server 2003 在 存储 管理 方面 引入 了 新 的 增强 功能 ,这 使 得 管理 及 维护 磁盘 
和 卷 . 备 份 和 恢复 数据 及 连接 存储 区 域 网 络 (SAN) 更 为 简易 和 可 靠 。 

Microsoft Windows Server 2003 的 终端 服务 组 件 构建 在 Windows 2000 终端 组 件 中 可 
靠 的 应 用 服务 器 模式 之 上 。 终 端 服务 可 以 将 基于 Windows 的 应 用 程序 或 Windows 桌面 本 
身 传送 到 几乎 任何 类 型 的 计算 设备 上 (包括 那些 不 能 运行 Windows 的 设备 ) 。 

Windows Server 2003 包含 许多 新 功能 和 改进 ,以 确保 使 用 者 的 组 织 和 用 户 保 持 连接 
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状态 。IIS 6.0 是 Windows Server 2003 系列 的 重要 组 件 。 管 理 员 和 Web 应 用 程序 开发 人 
员 需 要 一 个 快速 .可 靠 的 Web 平台 ,并 且 它 是 可 扩展 的 和 安全 的 。IIS 中 的 重大 结构 改进 包 
括 一 个 新 的 进程 模型 , 它 极 大 地 提高 了 可 靠 性 .可 伸缩 性 和 性 能 。 默 认 情 况 下 ,IIS 以 锁定 
状态 安装 。 安 全 性 得 到 了 提高 ,因为 系统 管理 员 根据 应 用 程序 要 求 来 启用 或 禁用 系统 功能 。 
此 外 ,对 直接 编辑 XML 元 数据 库 的 支持 改善 了 管理 能 力 。 

@ 联网 和 通信 。 

对 于 面临 全 球 市 场 竞 争 挑战 的 单位 来 说 ,联网 和 通信 是 当务之急 。 员 工 需要 在 任何 地 
点 ,使 用 任何 设备 接 入 网 络 。 合 作 伙 伴 、 供 应 商 和 网 络 外 的 其 他 机 构 需 要 与 关键 资源 进行 高 
效 地 交互 ,而 且 安全 性 比 以 往 任何 时 候 都 重要 。Windows Server 2003 系列 的 联网 改进 和 
新 增 功能 扩展 了 网 络 结构 的 多 功能 性 、 可 管理 性 和 可 靠 性 。 

Enterprise UDDI(Universal Description ,Discovery and Integration ,通用 描述 ,发 现 
与 集成 ) 服 务 。 

Windows Server 2003 包括 Enterprise UDDI 服务 , 它 是 XML Web 服务 动态 而 灵活 的 
结构 。 这 种 基于 标准 的 解决 方案 使 公司 能 够 运行 自己 的 内 部 UDDI 服务 ,以 供 Intranet 和 
Extranet 使 用 。 开 发 人 员 能 够 轻松 而 快速 地 找到 并 重用 单位 内 可 用 的 Web 服务 。IT 管理 
员 能 够 编 录 并 管理 网 络 中 的 可 编程 资源 。 利 用 Enterprise UDDI 服务 ,公司 能 够 生成 和 部 
署 更 智能 ,更 可 靠 的 应 用 程序 。 

@ Windows 媒体 服务 。 

Windows Server 2003 包括 业内 最 强大 的 数字 流 媒体 服务 。 这 些 服 务 是 Microsoft 
Windows Media 技术 平台 下 一 个 版 本 的 一 部 分 ,该 平台 还 包括 新 版 的 Windows 媒体 播放 
器 、Windows 媒体 编辑 器 .音频 /视频 编码 解码 器 及 Windows 媒体 软件 开发 工具 包 。 

(2) Windows Server 2003 的 版 本 。 

Windows Server 2003 Web 版 。 

Windows Server 2003 Web Edition 用 于 构建 和 存放 Web 应 用 程序 、 网 页 和 XMLWeb 
Services。 它 主要 使 用 IIS 6.0 Web 服务 器 并 提供 快速 开发 和 部 署 使 用 ASP-NET 技术 的 
XMLWeb services 和 应 用 程序 。 支 持 双 处 理 器 ,最 低 支持 256MB 的 内 存 , 最 高 支持 2GB 的 
内 存 。 

@ Windows Server 2003 标准 版 。 

Windows Server 2003 Standard Edition 的 销售 目标 是 中 小 型 企业 ,支持 文件 和 打印 机 
共享 ,提供 安全 的 Internet 连接 ,允许 集中 的 应 用 程序 部 署 。 支 持 4 个 处 理 器 ,最 低 支持 
256MB 的 内 存 , 最 高 支持 4GB 的 内 存 。 

加 Windows Server 2003 企业 版 。 

Windows Server 2003 Enterprise Edition 与 Windows Server 2003 标准 版 的 主要 区 别 
在 于 : Windows Server 2003 企业 版 支持 高 性 能 服务 器 ,并 且 可 以 群集 服务 器 ,以 便 处 理 更 
大 的 负荷 。 通 过 这 些 功 能 实现 了 可 靠 性 ,有 助 于 确保 系统 即使 在 出 现 问题 时 仍 可 用 。 

@ Windows Server 2003 数据 中 心 版 。 

Windows 2003 Datacenter Edition 是 针对 要 求 最 高 级 别 的 可 伸缩 性 、 可 用 性 和 可 靠 性 
的 大 型 企业 或 国家 机 构 等 而 设计 的 。 它 是 最 强大 的 服务 器 操作 系统 。 


49 


MY 


50 


MV 


网 站 建设 与 网 页 设计 制作 


4) Windows Server 2008 

Windows Server 2008 是 微软 的 一 个 服务 器 操作 系统 , 它 继承 自 Windows Server 2003。 
Windows Server 2008 在 进行 开发 及 测试 时 的 代号 为 Windows Server Longhorn。 

Microsoft Windows Server 2008 代表 了 下 一 代 Windows Server。 使 用 Windows 
Server 2008,IT 专业 人 员 对 其 服务 器 和 网 络 基 础 结构 的 控制 能 力 更 强 ,从 而 可 重点 关注 关 
键 业务 需求 。Windows Server 2008 通过 加 强 操作 系统 和 保护 网 络 环境 提高 了 安全 性 。 
Windows Server 2008 具有 新 的 增强 的 基础 结构 ,先进 的 安全 特性 和 改良 后 的 Windows 防 
火 墙 支持 活动 目录 用 户 和 组 的 完全 集成 。 

Microsoft Windows Server 2008 用 于 在 虚拟 化 工作 负载 支持 应 用 程序 和 保护 网 络 方 
面向 组 织 提供 最 高 效 的 平台 。 它 为 开发 和 可 靠 地 承载 Web 应 用 程序 和 服务 提供 了 一 个 安 
全 ,易于 管理 的 平台 。 从 工作 组 到 数据 中 心 , Windows Server 2008 都 提供 了 很 有 价值 的 新 
功能 ,对 基本 操作 系统 做 出 了 重大 改进 。 

Windows Server 2008 完全 基于 64 位 技术 ,在 性 能 和 管理 等 方面 系统 的 整体 优势 相当 
明显 。 在 此 之 前 ,企业 对 信息 化 的 重视 越 来 越 强 ,服务 器 整合 的 压力 也 就 越 来 越 大 ,因此 应 
用 虚拟 化 技术 已 经 成 为 大 势 所 趋 。 经 过 测试 , Windows Server 2008 完全 基于 64 位 的 虚拟 
化 技术 ,为 未 来 服务 器 整合 提供 了 良好 的 参考 技术 手段 。Windows 服务 器 虚拟 化 (Hyper-V) 
能 够 使 组 织 最 大 限度 实现 硬件 的 利用 率 , 合 并 工作 量 ,节约 管理 成 本 ,从 而 对 服务 器 进行 合 
并 ,并 由 此 减少 服务 器 所 有 权 的 成 本 。 

Windows Server 2008 发 行 了 多 种 版 本 ,以 支持 各 种 规模 的 企业 对 服务 器 不 断 变化 的 
需求 。Windows Server 2008 有 5 种 不 同 版 本 ,另外 还 有 3 个 不 支持 Windows Server 
Hyper-V 技术 的 版 本 ,因此 总 共有 8 种 版 本 。 本 节 简 单 介绍 前 3 种 。 

(1) Windows Server 2008 Standard 。 

Windows Server 2008 Standard 是 迄今 最 稳固 的 Windows Server 操作 系统 ,其 内 置 的 
强化 Web 和 虚拟 化 功能 是 专 为 增加 服务 器 基础 架构 的 可 靠 性 和 弹性 而 设计 ,并 可 节省 时 间 
及 降低 成 本 。 其 拥有 更 好 的 服务 器 控制 能 力 , 并 简化 设 定 和 管理 工作 ; 增强 的 安全 性 功能 
则 可 强化 操作 系统 ,以 协助 保护 数据 和 网 络 ,并 可 为 企业 提供 扎实 且 可 高 度 信赖 的 基础 。 

(2) Windows Server 2008 Enterprise。 

Windows Server 2008 Enterprise 可 提供 企业 级 的 平台 ,部署 企业 关键 应 用 。 其 所 具备 
的 群集 和 热 添加 (Hot-Add) 处 理 器 功能 可 协助 改善 可 用 性 ,而 整合 的 身份 管理 功能 可 协助 
改善 安全 性 ,利用 虚拟 化 授权 权限 整合 应 用 程序 , 则 可 减少 基础 架构 的 成 本 ,因此 Windows 
Server 2008 Enterprise 能 为 高 度 动态 、 可 扩充 的 IT 基础 架构 提供 良好 的 基础 。 

(3) Windows Server 2008 Datacenter。 

Windows Server 2008 Datacenter 所 提供 的 企业 级 平台 ,可 在 小 型 和 大 型 服务 器 上 部 署 
有 具 有 企业 关键 应 用 及 大 规模 的 虚拟 化 应 用 。 其 所 具备 的 群集 和 动态 硬件 分 割 功能 可 改善 可 
用 性 ,通过 无 限制 的 虚拟 化 许可 授权 来 巩固 应 用 可 减少 基础 架构 的 成 本 。 此 外 ,此 版 本 也 可 
支持 2 一 64 个 处 理 器 ,因此 Windows Server 2008 Datacenter 能 够 提供 良好 的 基础 ,用 以 建 
立 企 业 级 虚拟 化 和 扩充 解决 方案 。 

5) Windows Server 2012 

Windows Server 2012( 开 发 代号 : Windows Server 8) 是 微软 的 一 个 服务 器 系统 。 这 是 


第 3 章 ”网 站 平台 建设 


Windows 8 的 服务 器 版 本 ,并 且 是 Windows Server 2008 R2 的 继任 者 。 该 操作 系统 已 经 在 
2012 年 8 月 1 日 完成 编译 RTM 版 ,并 且 在 2012 年 9 月 4 日 正式 发 售 。 

Windows Server 2012 有 4 个 版 本 : Foundation、 Essentials Standard 和 Datacenter。 

Windows Server 2012 Foundation 版 本 仅 提供 给 OEM 厂商 ,限定 用 户 15 位 ,提供 通用 
服务 器 功能 ,不 支持 虚拟 化 。 

Windows Server 2012 Essentials 面向 中 小 企业 ,用 户 限定 在 25 位 以 内 ,该 版 本 简化 了 
界面 ,预先 配置 云 服 务 连 接 ,不 支持 虚拟 化 。 

Windows Server 2012 Standard 提供 完整 的 Windows Server 功能 ,限制 使 用 两 台 虚 拟 
主机 。 

Windows Server 2012 Datacenter 提供 完整 的 Windows Server 功能 ,不 限制 虚拟 主机 
数量 。 


2. Netware 网 络 操作 系统 


Netware 是 NOVELL 公司 推出 的 网 络 操作 系统 。Netware 最 重要 的 特征 是 基于 基本 
模块 设计 思想 的 开放 式 系统 结构 。Netware 是 一 个 开放 的 网 络 服务 器 平台 ,可 以 方便 地 对 
其 进行 扩充 。Netware 系统 对 不 同 的 工作 平台 (如 DOS、OS/2 和 Macintosh 等 ) ,不 同 的 网 
络 协议 环境 (如 TCP/IP) 及 各 种 工作 站 操作 系统 提供 了 一 致 的 服务 。 该 系统 内 可 以 增加 自 
选 的 扩充 服务 (如 替补 备份 数据库 .电子 邮 件 及 记 账 等 ), 这 些 服务 可 以 取 自 Netware 本 
身 , 也 可 取 自 第 三 方 开发 者 。 

目前 常用 的 版 本 有 3. 11、3. 12 和 4. 10、V4. 11、V5.0 等 中 .英文 版 本 ,而 主流 的 是 
Netware 5 版 本 ,支持 所 有 的 重要 台式 操作 系统 (如 DOS、Windows、OS/2、UNIX 和 
Macintosh) 及 IBM SAA 环境 ,为 需要 在 多 厂商 产品 环境 下 进行 复杂 的 网 络 计算 的 企 事业 
单位 提供 了 高 性 能 的 综合 平台 。 

Netware 是 具有 多 任务 .多 用 户 的 网 络 操作 系统 , 它 的 较 高 版 本 提供 系统 容错 能 力 
(SFT)。 使 用 开放 协议 技术 (OPT) ,各 种 协议 的 结合 使 不 同类 型 的 工作 站 可 与 公共 服务 器 
通信 。 这 种 技术 满足 了 广大 用 户 在 不 同 种 类 网 络 间 实 现 互相 通信 的 需要 ,实现 了 各 种 不 同 
网 络 的 无 颖 通信 , 即 把 各 种 网 络 协议 紧密 地 连接 起 来 ,可 以 方便 地 与 各 种 小 型 机 .中 大 型 机 
连接 通信 。Netware 可 以 不 用 专用 服务 器 ,任何 一 种 PC 均 可 作为 服务 器 。Netware 服务 器 
对 无 盘 站 和 游戏 的 支持 较 好 ,常用 于 教学 网 和 游戏 厅 。 

NetWare 操作 系统 是 以 文件 服务 器 为 中 心 ,主要 由 文件 服务 器 内 核 `. 工 作 站 外 壳 和 低 
层 通信 协议 三 个 部 分 组 成 。 文 件 服务 器 内 核实 现 了 Netware 的 核心 协议 (Netware Core 
Protocol,NCP) ,并 提供 了 Netware 的 核心 服务 。 文 件 服 务 器 内 核 负 责 对 网 络 工作 站 服务 
请 求 的 处 理 , 主 要 完成 内 核 进 程 服务 文件 系统 管理 、 安 全 保密 管理 .硬盘 管理 、 系 统 容错 管 
理 、 服 务 器 与 工作 站 的 连接 管理 .网 络 监控 等 网 络 服务 与 任务 管理 。 


3. UNIX 网 络 操作 系统 


UNIX 操作 系统 是 一 个 强大 的 多 用 户 、 多 任务 操作 系统 ,支持 多 种 处 理 器 架构 ,按照 操作 
系统 的 分 类 属于 分 时 操作 系统 .最 早 由 Ken Thompson、Dennis Ritchie 和 DouglasMcllroy 
于 1969 年 在 AT&T 的 贝尔 实验 室 开发 。 
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UNIX 具有 如 下 特性 : 

(1) 是 一 个 多 用 户 、 多 任务 的 分 时 操作 系统 。 

(2) UNIX 的 系统 结构 可 分 为 两 部 分 : 操作 系统 内 核 ( 由 文件 子 系统 和 进程 控制 子 系统 
构成 ,最 贴近 硬件 ) 和 系统 的 外 壳 ( 贴 近 用 户 )。 外 壳 由 Shell 解释 程序 .支持 程序 设计 的 各 
种 语言 .编译 程序 和 解释 程序 、 实 用 程序 和 系统 调用 接口 等 组 成 。 

(3) 大 部 分 是 由 C 语言 编写 的 ,这 使 得 系统 易 读 、 易 修改 、 易 移植 。 

(4) 提供 了 丰富 的 ,精心 挑 选 的 系统 调用 ,整个 系统 的 实现 十 分 紧凑 ,简洁 。 

(5) 提供 了 功能 强大 的 可 编程 的 Shell 语言 (外 壳 语 言 ) 作 为 用 户 界 面 ,具有 简洁 、 高 效 

(6) 采用 树 状 目录 结构 ,具有 良好 的 安全 性 、 保 密 性 和 可 维护 性 。 

(7) 采用 进程 对 换 (Swapping) 的 内 存 管 理 机 制 和 请 求 调 页 的 存储 方式 ,实现 了 虚拟 内 
存 管理 ,大 大 提高 了 内 存 的 使 用 效率 。 

(8) 提供 多 种 通信 机 制 , 如 管道 通信 、 软 中 断 通 信 、 消 息 通 信人、 共享 存储 器 通信 和 信号灯 
通信 。 

4. Linux 网 络 操作 系统 


Linux 是 一 套 免费 使 用 和 自由 传播 的 类 UNIX 操作 系统 ,是 一 个 基于 POSIX 和 UNIX 
的 多 用 户 ,多 任务 、 支 持 多 线程 和 多 CPU 的 操作 系统 。 它 能 运行 主要 的 UNIX 工具 软件 、 
应 用 程序 和 网 络 协议 。 它 支持 32 位 和 64 位 硬件 。Linux 继承 了 UNIX 以 网 络 为 核心 的 设 
计 思 想 , 是 一 个 性 能 稳定 的 多 用 户 网 络 操作 系统 。 

Linux 操作 系统 诞生 于 1991 年 10 月 5 日 (这 是 第 一 次 正式 向 外 公布 的 时 间 )。Linux 
存在 着 许多 不 同 的 Linux 版 本 ,但 它们 都 使 用 了 Linux 内 核 。Linux 可 安装 在 各 种 计算 机 
硬件 设备 中 ,比如 手机 ,平板 电脑 路由器、 视频 游戏 控制 台 , 台 式 计算 机 、 大 型 机 和 超级 计算 
机 。 严 格 来 讲 ,Linux 这 个 词 本 身 只 表示 Linux 内 核 , 但 实际 上 人 们 已 经 习惯 了 用 Linux 来 
形容 整个 基于 Linux 内 核 ,并 且 使 用 GNU 工程 的 各 种 工具 和 数据 库 的 操作 系统 。 

Linux 的 主要 特性 : 

(1) 完全 免费 。 

Linux 是 一 款 免费 的 操作 系统 ,用 户 可 以 通过 网 络 或 其 他 途径 免费 获得 ,并 可 以 任意 修 
改 其 源 代 码 。 这 是 其 他 的 操作 系统 所 做 不 到 的 。 正 是 由 于 这 一 点 ,来 自 全 世界 的 无 数 程序 
员 参 与 了 Linux 的 修改 .编写 工作 ,程序 员 可 以 根据 自己 的 兴趣 和 灵感 对 其 进行 改变 ,这 让 
Linux 吸收 了 无 数 程序 员 的 精华 ,不 断 壮大 。 

(2) 完全 兼容 POSIX 1.0 标准 。 

这 使 得 可 以 在 Linux 下 通过 相应 的 模拟 器 运行 常见 的 DOS、Windows 的 程序 。 这 为 用 
户 从 Windows 转 到 Linux 商定 了 基础 。 

(3) 多 用 户 ,多 任务 。 

Linux 支持 多 用 户 ,各 个 用 户 对 于 自己 的 文件 设备 有 自己 特殊 的 权利 ,保证 了 各 用 户 之 
间 互 不 影响 。 多 任务 则 是 现在 计算 机 最 主要 的 一 个 特点 ,Linux 可 以 使 多 个 程序 同时 并 独 
立地 运行 。 
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(4) 良好 的 界面 。 

Linux 同时 具有 字符 界面 和 图 形 界面 。 字 符 界 面 用 户 可 以 通过 键盘 输入 相应 的 指令 来 
进行 操作 。 它 同时 也 提供 了 类 似 Windows 图 形 界面 的 X-Window 系统 ,用 户 可 以 使 用 鼠标 
对 其 进行 操作 。 在 X-Window 环境 中 就 和 在 Windows 中 相似 ,可 以 说 是 一 个 Linux 版 的 
Windows。 

(5) 支持 多 种 平台 。 

Linux 可 以 运行 在 多 种 硬件 平台 上 ,如 具有 x86、680x0、SPARC 和 Alpha 等 处 理 器 的 
平台 。 此 外 ,Linux 还 是 一 种 嵌入 式 操作 系统 ,可 以 运行 在 掌上 电脑 ,机顶盒 或 游戏 机 上 。 
2001 年 1 月 发 布 的 Linux 2.4 版 内 核 已 经 能 够 完全 支持 Intel 64 位 芯片 架构 。 同 时 Linux 
也 支持 多 处 理 器 技术 。 多 个 处 理 器 同时 工作 ,使 系统 性 能 大 大 提高 。 


3.2.2 数据 库 管 理 系 统 


数据 库 管理 系统 (Database Management System,DBMS) 是 一 种 操纵 和 管理 数据 库 的 
大 型 软件 ,用 于 建立 、 使 用 和 维护 数据 库 。 它 对 数据 库 进 行 统一 的 管理 和 控制 ,以 保证 数据 
库 的 安全 性 和 完整 性 。 用 户 通过 DBMS 访问 数据 库 中 的 数据 ,数据 库 管理 员 也 通过 DBMS 
进行 数据 库 的 维护 工作 。 它 可 使 多 个 应 用 程序 和 用 户 用 不 同 的 方法 在 同时 或 不 同时 刻 去 建 
立 \ 修改 和 询问 数据 库 。 大 部 分 DBMS 提供 数据 定义 语言 (Data Definition Language， 
DDL) 和 数据 操作 语言 (Data Manipulation Language, DML), 供 用户 定义 数据 库 的 模式 结 
构 与 权限 约束 ,实现 对 数据 的 追加 、 删 除 等 操作 。 


1. DBMS 的 主要 功能 


DBMS 的 主要 功能 如 下 : 

(1) 数据 定义 。 

DBMS 提供 数据 定义 语言 供用 户 定义 数据 库 的 三 级 模式 结构 、 两 级 映像 ,以 及 完整 性 
约束 和 保密 限制 等 约束 。DDL 主要 用 于 建立 ,修改 数据 库 的 库 结 构 。DDL 所 描述 的 库 结 
构 仅 仅 给 出 了 数据 库 的 框架 ,数据 库 的 框架 信息 被 存放 在 数据 字典 (Data Dictionary， 
DD) 中 。 

(2) 数据 操作 。 

DBMS 提供 数据 操作 语言 供用 户 实现 对 数据 的 追加 ,删除 、 更 新 和 查询 等 操作 。 

(3) 数据 库 的 运行 管理 。 

数据 库 的 运行 管理 功能 是 DBMS 的 运行 控制 ,管理 功能 ,包括 多 用 户 环 境 下 的 并 发 控 
制 、 安 全 性 检查 和 存 取 限 制 控制 .完整 性 检查 和 执行 .运行 日 志 的 组 织 管理 .事务 的 管理 和 自 
动 恢复 , 即 保证 事务 的 原子 性 。 这 些 功能 保证 了 数据 库 系 统 的 正常 运行 。 

(4) 数据 组 织 、 存 储 与 管理 。 

DBMS 要 分 类 组 织 ,存储 和 管理 各 种 数据 ,包括 数据 字典 .用 户 数据 和 存 取 路 径 等 , 需 
确定 以 何 种 文件 结构 和 存 取 方 式 在 存储 级 上 组 织 这 些 数据 ,如 何 实现 数据 之 间 的 联系 。 数 
据 组 织 和 存储 的 基本 目标 是 提高 存储 空间 利用 率 ,选择 合适 的 存 取 方 法 提高 存 取 效 率 。 

(5) 数据 库 的 保护 。 

数据 库 中 的 数据 是 信息 社会 的 战略 资源 ,所 以 数据 的 保护 至 关 重 要 。DBMS 对 数据 库 
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的 保护 通过 数据 库 的 恢复 、 数 据 库 的 并 发 控制 .数据 库 的 完整 性 控制 .数据 库 安 全 性 控制 等 
实现 。DBMS 的 其 他 保护 功能 还 有 系统 缓冲 区 的 管理 及 数据 存储 的 某 些 自 适应 调节 机 
制 等 。 

(6) 数据 库 的 维护 。 

数据 库 的 维护 包括 数据 库 的 数据 载 和 人、 转换 、 转 储 、 数 据 库 的 重组 和 重 构 及 性 能 监控 等 
功能 ,这 些 功能 分 别 由 各 个 使 用 程序 来 完成 。 

(7) 通信 。 

DBMS 具有 与 操作 系统 的 联机 人 处理、 分 时 系统 及 远程 作业 输入 的 相关 接口 ,负责 处 理 
数据 的 传送 。 对 网 络 环境 下 的 数据 库 系 统 , 还 应 该 包括 DBMS 与 网 络 中 其 他 软件 系统 的 通 
信 功 能 及 数据 库 之 间 的 互 操 作 功 能 。 


2 . DBMS 的 种 类 


DBMS 种 类 很 多 ,主要 包括 达 梦 ,SYBASE、DB2、ORACLE、MySQL、ACCESS、 Visual 
Foxpro、MS SQL Server、Informix 和 PostgreSQL 等 。 本 节 主 要 介绍 常用 的 几 种 。 

1) Access 

Access 即 Microsoft Office Access, 是 由 微软 发 布 的 关联 式 数 据 库 管 理 系统 。 它 是 微 
软 把 数据 库 引 擎 的 图 形 用 户 界面 和 软件 开发 工具 结合 在 一 起 的 一 个 数据 库 管 理 系 统 。 它 是 
微软 Office 的 一 个 成 员 ,在 包括 专业 版 和 更 高 版 本 的 Office 版 本 里 面 被 单独 出 售 。2012 年 
12 月 4 日 ,最 新 的 微软 Office Access 2013 在 微软 Office 2013 里 发 布 。 

Access 以 它 自己 的 格式 将 数据 存储 在 基于 Access Jet 的 数据 库 引 擎 里 。 它 还 可 以 直 
接 导 入 或 者 链接 数据 (这 些 数据 存储 在 其 他 应 用 程序 和 数据 库 中 )。 

(1) Access 的 用 途 

@ 用 来 进行 数据 分 析 。Access 有 强大 的 数据 处 理 ,统计 分 析 能 力 ,利用 Access 的 查询 
功能 ,可 以 方便 地 进行 各 类 汇总 ,平均 等 统计 ,并 可 灵活 设置 统计 的 条 件 , 比 如 在 统计 分 析 上 
万 条 记录 、 十 几 万 条 记录 及 以 上 的 数据 时 速度 快 且 操作 方便 ,这 一 点 是 Excel 无 法 与 之 相 
比 的 。 

@ 用 来 开发 软件 。Access 用 来 开发 软件 ,比如 生产 管理 .销售 管理 .库存 管理 等 各 类 企 
业 管理 软件 , 低 成 本 地 满足 了 那些 从 事 企业 管理 工作 的 人 员 的 管理 需要 ,通过 软件 来 规范 同 
事 、 下 属 的 行为 ,推行 其 管理 思想 。 

@ 在 开发 一 些小 型 网 站 Web 应 用 程序 时 用 来 存储 数据 。 例 如 ASP 十 Access 结合 。 

(2) Microsoft Office Access 2010 的 特点 

Microsoft Office Access 2010 的 特点 主要 体现 在 以 下 几 方 面 : 

二 好 上 手 . 上 手 快 。 

在 Access 2010 中 ,可 以 发 挥 社 群 的 力量 。 采 用 其 他 人 建立 的 数据 库 模 板 , 并 且 可 以 分 
享 独到 的 设计 。 使 用 由 Office Online 预先 建 置 . 针 对 常见 工作 而 设计 的 全 新 数据 库 模 板 ， 
或 是 选择 社 群 提供 的 模板 ,并 且 加 以 自 定义 ,以 符合 独特 的 需求 。 

@ 为 数据 建立 集中 化 存 取 平台 。 

使 用 多 种 数据 联机 ,以 及 从 其 他 来 源 链接 或 汇 人 的 信息 ,以 整合 Access 报表 。 可 以 透 
过 改良 的 “ 设 定格 式 化 的 条 件 ” 功 能 与 计算 工具 ,建立 起 丰富 、 动 态 化 、 富 含 视觉 效果 的 报表 。 
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Access 2010 报表 已 可 支持 数据 横 条 效果 ,使 阅读 报表 能 更 容易 掌握 。 

@ 在 任何 地 方 都 能 存 取 应 用 程序 、 数 据 或 窗 体 。 将 数据 库 延 伸 到 网 络 上 ,让 没有 
Access 客户 端的 使 用 者 也 能 透 过 浏览 器 开启 网 络 窗 体 与 报表 。 数 据 库 如 有 变更 ,将 自动 获 
得 同步 处 理 。 也 可 以 脱 机 处 理 网 络 数据 库 ,进行 设计 与 数据 变更 ,然后 在 重新 联机 时 将 这 些 
变更 同步 更 新 到 Microsoft SharePoint Server 2010 上 。 通 过 Access 2010 与 SharePoint 
Server 2010 数据 将 可 获得 集中 保护 ,以 符合 数据 、 备 份 与 集合 方面 的 法 规 需 求 ,并 且 提 高 可 
存 取 性 与 管理 能 力 。 

@ 让 专业 设计 深入 Access 数据 库 。 可 以 设计 多 种 主题 ,使 窗 体 与 报表 更 加 美观 。 

@ 以 拖 放 方 式 为 数据 库 加 入 导航 功能 。 不 用 撰写 任何 程序 代码 ,或 设计 任何 多 辑 ,就 
能 创造 出 具备 专业 外 观 与 网 页 式 导 览 功能 的 窗 体 , 常 用 的 窗 体 或 报表 在 使 用 上 更 为 方便 。 
共有 6 种 预先 定义 的 导 览 模板 ,外 加 多 种 垂直 或 水 平 索引 卷 标 可 供 选 择 。 多 层 的 水 平 索引 
卷 标 可 用 于 显示 大 量 的 Access 窗 体 或 报表 。 只 要 是 拖 放 方式 ,就 能 显示 窗 体 或 报表 。 

@ 更 快 .更 轻松 地 完成 工作 。Access 2010 能 简化 寻找 及 使 用 各 项 功能 的 方式 。 全 新 
的 Microsoft Office Backstage 检视 取代 了 传统 的 档案 菜单 ,只 需 轻 按 几 下 鼠标 ,就 能 发 布 、 
备份 及 管理 数据 库 。 功 能 区 设计 也 经 过 改良 ,进一步 加 快 了 存 取 常用 命令 的 速度 。 

@ 使 用 IntelliSense 建立 表达 式 十 分 轻松 。 经 过 简化 的 “表达 式 建立 器 ”可 以 更 快 ,更 
轻松 地 建立 数据 库 中 的 迎 辑 与 表达 式 。IntelliSense 的 快速 信息 、 工 具 提 示 与 自动 完成 ,有 
助 于 减少 错误 ,省 下 死 背 表达 式 名 称 和 语法 的 时 间 , 把 更 多 的 时 间 挪 到 应 用 程序 迎 辑 的 建 
立 上 。 

@@ 以 前 所 未 有 的 超 快速 度 设计 宏 。Access 2010 拥有 面目 一 新 的 宏 设计 工具 ,可 以 更 
轻松 地 建立 、 编 辑 并 自动 化 执行 数据 库 馆 辑 。 宏 设计 工具 能 提高 用 户 生 产 力 ,减少 程序 代码 
撰写 错误 ,并 且 轻 松 整合 复杂 无 比 的 逻辑 ,建立 起 稳固 的 应 用 程序 。 以 数据 宏 结 合 煞 辑 与 数 
据 , 将 逻辑 集中 在 源 数 据 表 上 ,进而 加 强 程序 代码 的 可 维护 性 。 可 以 透 过 更 强大 的 宏 设 计 工 
具 与 数据 宏 , 把 Access 客户 端的 自动 化 功能 延伸 到 SharePoint 网 络 数据 库 及 其 他 会 更 新 数 
据 表 的 应 用 程序 上 。 

@ 把 数据 库 部 分 转化 成 可 重复 使 用 的 模板 。 重 复 使 用 由 数据 库 的 其 他 用 户 所 建 置 的 
数据 库 组 件 ,节省 时 间 与 心力 。 可 以 将 常用 的 Access 对 象 .字段 或 字段 集合 存储 为 模板 ,并 
且 加 入 到 现 有 的 数据 库 中 ,以 提高 生产 力 。 应 用 程序 组 件 可 以 分 享 给 组 织 的 所 有 成 员 使 用 ， 
以 求 建立 数据 库 应 用 程序 时 能 拥有 一 致 性 。 

四 整合 Access 数据 与 实时 网 络 内 容 。 可 以 经 由 网 络 服务 通信 协议 联机 到 数据 源 。 可 
透 过 Business Connectivity Services 将 网 络 服务 与 业务 应 用 程序 的 数据 纳入 建立 的 数据 库 
中 。 此 外 ,全 新 的 网 页 浏览 器 控制 功能 还 可 将 Web 2. 0 内 容 整合 到 Access 窗 体 中 。 

2) Microsoft SQL Server 

SQL(Structured Query Language, 结 构 化 查询 语言 ) 的 主要 功能 就 是 同 各 种 数据 库 建 
立 联系 ,进行 沟通 。 按 照 ANSI( 美 国 国家 标准 协会 ) 的 规定 ,SQL 被 作为 关系 型 数据 库 管理 
系统 的 标准 语言 。SQL 语句 可 以 用 来 执行 各 种 各 样 的 操作 ,例如 更 新 数据 库 中 的 数据 ,从 
数据 库 中 提取 数据 等 。 目 前 , 绝 大 多 数 流行 的 关系 型 数据 库 管 理 系统 ,如 Oracle、Sybase、 
Microsoft SQL Server 和 Access 等 都 采用 了 SQL 语言 标准 。 

SQL Server 是 一 个 关系 数据 库 管理 系统 , 它 最 初 是 由 Microsoft、Sybase 和 Ashton- 
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Tate 三 家 公司 共同 开发 的 ,于 1988 年 推出 第 一 个 OS/2 版 本 。 在 Windows NT 推出 后 ， 
Microsoft 与 Sybase 在 SQL Server 的 开发 上 就 分 道 扬 久 了 ,Microsoft 将 SQL Server 移植 
到 Windows NT 系统 上 ,专注 于 开发 推广 SQL Server 的 Windows NT 版 本 ; Sybase 则 较 
专注 于 SQL Server 在 UNIX 操作 系统 上 的 应 用 。 

SQL Server 2000 是 Microsoft 公司 推出 的 SQL Server 数据 库 管 理 系统 ,该 版 本 继承 
了 SQL Server 7. 0 版 本 的 优点 ,同时 又 比 它 增加 了 许多 更 先进 的 功能 。 具 有 使 用 方便 、 可 
伸缩 性 好 ,与 相关 软件 集成 程度 高 等 优点 ,可 跨越 从 膝 上 型 计算 机 到 大 型 多 处 理 器 的 服务 器 
等 多 种 平台 使 用 。 

(1) Microsoft SQL Server 的 特性 。 

Microsoft SQL Server 的 特性 主要 体现 在 以 下 方面 : 

Q@ Internet 集成 。 

SQL Server 2000 数据 库 引擎 提供 完整 的 XML 支持 。 它 还 具有 构成 最 大 的 Web 站 点 
的 数据 存储 组 件 所 需 的 可 伸缩 性 、 可 用 性 和 安全 功能 。SQL Server 2000 程序 设计 模型 与 
Windows DNA 构架 集成 ,用 以 开发 Web 应 用 程序 ,并 且 SQL Server 2000 支持 English 
Query 和 Microsoft 搜索 服务 等 功能 ,在 Web 应 用 程序 中 包含 了 用 户 友好 的 查询 和 强大 的 
搜索 功能 。 

@ 可 伸缩 性 和 可 用 性 。 

同一 个 数据 库 引擎 可 以 在 不 同 的 平台 上 使 用 ,从 运行 便携 式 计 算 机 到 大 型 多 处 理 器 服 
务 器 。SQL Server 2000 企业 版 支持 联合 服务 器 .索引 视图 和 大 型 内 存 支持 等 功能 ,使 其 得 
以 升级 到 最 大 Web 站 点 所 需 的 性 能 级 别 。 

@ 企业 级 数据 库 功能 。 

SQL Server 2000 关系 数据 库 引擎 支持 当今 苛刻 的 数据 处 理 环 境 所 需 的 功能 。 数 据 库 
引擎 充分 保护 数据 完整 性 ,同时 将 管理 上 千 个 并 发 修改 数据 库 的 用 户 的 开销 减 到 最 小 。 
SQL Server 2000 分 布 式 查询 能 够 引用 来 自 不 同 数 据 源 的 数据 ,就 好 像 这 些 数据 是 SQL 
Server 2000 数据 库 的 一 部 分 ,同时 分 布 式 事务 支持 充分 保护 分 布 式 数据 更 新 的 完整 性 。 复 
制 同样 能 够 维护 多 个 数据 ,同时 确保 单独 的 数据 保持 同步 。 可 将 一 组 数据 复制 到 多 个 移动 
的 脱 机 用 户 ,使 这 些 用 户 自主 地 工作 ,然后 将 他 们 所 做 的 修改 合并 回 发 服务 器 。 

@ 易于 安装 部 署 和 使 用 。 

SQL Server 2000 中 包括 一 系列 管理 和 开发 工具 ,这 些 工具 可 改进 在 多 个 站 点 上 安装 、 
部 署 .管理 和 使 用 SQL Server 的 过 程 。SQL Server 2000 还 支持 基于 标准 的 .与 Windows 
DNA 集成 的 程序 设计 模型 ,使 SQL Server 数据 库 和 数据 仓库 的 使 用 成 为 生成 强大 的 可 伸 
缩 系统 的 无 颖 部 分 。 这 些 功 能 能 快速 交付 SQL Server 应 用 程序 ,使 客户 只 需 最 少 的 安装 和 
管理 开销 即 可 实现 这 些 应 用 程序 。 

(2) Microsoft SQL Server 的 优点 。 

高 性 能 设计 ,可 充分 利用 Windows NT 的 优势 。 

@ 系统 管理 先进 ,支持 Windows 图 形 化 管理 工具 ,支持 本 地 和 远程 的 系统 管理 和 
配置 。 

@ 强壮 的 事务 处 理 功 能 ,采用 各 种 方法 保证 数据 的 完整 性 。 

@ 支持 对 称 多 处 理 器 结构 ,存储 过 程 和 ODBC. 并 具有 自主 的 SQL 语言 。SQL Server 
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以 其 内 置 的 数据 复制 功能 .强大 的 管理 工具 ,与 Internet 的 紧密 集成 和 开放 的 系统 结构 为 广 
大 的 用 户 、 开 发 人 员 和 系统 集成 商 提供 了 一 个 出 众 的 数据 库 平 台 。 

(3) 保护 Microsoft SQL Server 的 措施 

为 提高 SQL Server 安装 的 安全 性 ,采取 如 下 措施 : 

@ 安装 最 新 的 服务 包 。 

为 了 提高 服务 器 安全 性 ,最 有 效 的 一 个 方法 就 是 升级 到 SQL Server 2000 Service Pack 
3a(SP3a) 。 另 外 ,还 应 该 安装 所 有 已 发 布 的 安全 更 新 。 

@ 使 用 Microsoft 基线 安全 性 分 析 器 (Microsoft Baseline Security Analyzer, MBSA) 来 
评估 服务 器 的 安全 性 。 

MBSA 是 一 个 扫描 多 种 Microsoft 产品 的 不 安全 配置 的 工具 ,包括 SQL Server 和 
Microsoft SQL Server 2000 Desktop Engine (MSDE 2000) 。 它 可 以 在 本 地 运行 ,也 可 以 通 
过 网 络 运 行 。 该 工具 针对 SQL Server 安装 时 可 能 遇 到 的 一 些 问题 进行 检测 ,如 过 多 的 
sysadmin(system administrator, 系 统管 理 员 ) 固 定 服务 器 角色 成 员 、 授 予 sysadmin 以 外 的 
其 他 角色 创建 CmdExec 作业 的 权利 、 空 的 或 简单 的 密码 脆弱 的 身份 验证 模式 .授予 管理 员 
组 过 多 的 权利 .SQL Server 数据 目录 中 不 正确 的 访问 控制 表 (Access Control List,ACL)、 
安装 文件 中 使 用 纯 文 本 的 密码 .授予 guest 账户 过 多 的 权利 ,在 同时 是 域 控制 器 的 系统 中 运 
行 SQL Server、 所 有 人 (Everyone) 组 的 不 正确 配置 ,提供 对 特定 注册 表 键 的 访问 、SQL 
Server 服务 账户 的 不 正确 配置 ,没有 安装 必要 的 服务 包 和 安全 更 新 等 。 

@ 使 用 Windows 身份 验证 模式 。 

在 任何 可 能 的 时 候 , 都 应 该 对 指向 SQL Server 的 连接 要 求 Windows 身份 验证 。 它 通 
过 限制 对 用 户 和 域 用 户 账户 的 连接 ,保护 SQL Server 免 受 大 部 分 Internet 工具 的 侵害 ,而 
且 服 务 器 也 将 从 Windows 安全 增强 机 制 中 获 益 , 例 如 更 强 的 身份 验证 协议 及 强制 的 密码 复 
杂 性 和 过 期 时 间 。 另 外 ,凭证 委派 (在 多 台 服 务 器 间 桥 接 凭 证 的 能 力 ) 也 只 能 在 Windows 身 
份 验证 模式 中 使 用 。 

@ 隔离 用 户 的 服务 器 ,并 定期 备份 。 

物理 和 逮 辑 上 的 隔离 组 成 了 SQL Server 安全 性 的 基础 。 驻 留 数据 库 的 机 器 应 该 处 于 
一 个 从 物理 形式 上 受到 保护 的 地 方 ,最 好 是 一 个 上 锁 的 机 房 ,配备 有 洪水 检测 及 火灾 检测 / 
消防 系统 。 数 据 库 应 该 安装 在 企业 内 部 网 的 安全 区 域 中 ,不 要 直接 连接 到 Internet。 定 期 
备份 所 有 数据 ,并 将 副本 保存 在 安全 的 站 点 外 地 点 。 

@ 分 配 一 个 强健 的 密码 。 

账户 应 该 拥有 一 个 强健 的 密码 .这 将 保证 在 以 后 服务 器 被 重新 配置 为 混合 模式 身份 验 
证 时 不 会 出 现 空白 或 脆弱 的 账户 。 

限制 SQL Server 服务 的 权限 。 

SQL Server 2000 的 每 个 服务 必须 与 一 个 Windows 账户 相关 联 , 并 从 这 个 账户 中 衍生 
出 安全 性 上 下 文 。 这 些 操 作 系 统 调用 是 由 拥有 服务 器 进程 的 账户 的 安全 性 上 下 文 来 创建 
的 。 如 果 服 务 器 被 攻破 了 ,那么 这 些 操 作 系 统 调用 可 能 被 利用 来 向 其 他 资源 进行 攻击 ,只 有 
拥有 过 程 的 SQL Server 服务 账户 可 以 对 其 进行 访问 。 

a@ 在 防火 墙 上 禁用 SQL Server 端口 。 

SQL Server 的 默认 安装 将 监视 TCP 端口 1433 及 UDP 端口 1434。 配 置 防火 墙 来 过 
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滤 掉 到 达 这 些 端 口 的 数据 包 , 而 且 还 应 该 在 防火 墙 上 阻止 与 指定 实例 相关 联 的 其 他 
端口 。 

@ 使 用 最 安全 的 文件 系统 。 

NTFS 是 最 适合 安装 SQL Server 的 文件 系统 。 它 比 FAT 文件 系统 更 稳定 且 更 容易 恢 
复 , 而 且 它 还 包括 一 些 安全 选项 ,例如 文件 和 目录 ACL 及 文件 加 密 (EFS)。 在 安装 过 程 中 ， 
如 果 侦 测 到 NTFS,SQL Server 将 在 注册 表 键 和 文件 上 设置 合适 的 ACL, 不 应 该 去 更 改 这 
些 权 限 。 

@ 删除 或 保护 旧 的 安装 文件 。 

SQL Server 安装 文件 可 能 包含 由 纯 文 本 或 简单 加 密 的 凭证 和 其 他 在 安装 过 程 中 记录 
的 敏感 配置 信息 。 这 些 日 志文 件 的 保存 位 置 取决 于 所 安装 的 SQL Server 版 本 。 在 SQL 
Server 2000 中 ,下 列 文件 可 能 受到 影响 : 默认 安装 时 二 systemdrive 二 :\Program Files\ 
Microsoft SQL Server\ MSSQL\Install 文件 夹 中 ,以 及 指定 实例 的 二 systemdrive 二 :\ 
Program Files\ Microsoft SQL Server\MSSQL $ 二 Instance Name 二 \Install 文件 夹 中 的 
sqlstp. log sqlsp. log 和 setup. iss。 

如 果 当 前 的 系统 是 从 SQL Server 7.0 安装 升级 而 来 的 ,那么 还 应 该 检查 下 列 文件 ; 
%Windir% 文 件 夹 中 的 setup. iss 及 Windows Temp 文件 夹 中 的 sqlsp. log。 

Microsoft 发 布 了 一 个 免费 的 实用 工具 Killpwd, 它 将 从 系统 中 找到 并 删除 这 些 密码 。 

四 审核 指向 SQL Server 的 连接 。 

SQL Server 可 以 记录 事件 信息 ,用 于 系统 管理 员 的 审查 。 至 少 应 该 记录 失败 的 SQL 
Server 连接 尝试 ,并 定期 地 查看 这 个 日 志 。 在 可 能 的 情况 下 ,不 要 将 这 些 日 志和 数据 文件 保 
存在 同一 个 硬盘 上 。 

3) Oracle 

Oracle 是 以 高 级 结构 化 查询 语言 为 基础 的 大 型 关系 数据 库 。 通 俗 地 说 , 它 是 用 方便 逮 
辑 管理 的 语言 操纵 大 量 有 规律 数据 的 集合 ,是 目前 最 流行 的 客户 端 /服务 器 (C/S) 体 系 机 构 
的 数据 库 之 一 。 

Oracle 系统 的 特点 主要 有 : 

(1) Oracle 7. x 以 来 引入 了 共享 SQL 和 多 线索 服务 器 体系 结构 。 这 减少 了 Oracle 的 
资源 占用 ,并 增强 了 Oracle 的 能 力 , 使 之 在 低档 软 硬 件 平 台 上 用 较 少 资源 就 可 以 支持 更 多 
的 用 户 ,而 在 高 档 平台 上 支持 成 百 上 千 个 用 户 。 

(2) 提供 了 基于 角色 分 工 的 安全 保密 管理 。 在 数据 库 管理 功能 、 完 整 性 检查 、 安 全 性 、 
一 致 性 方面 都 有 良好 的 表现 。 

(3) 支持 大 量 多 媒体 数据 ,如 二 进 制 图 形 声音 ,动画 及 多 维 数据 结构 等 。 

(4) 提供 了 与 第 三 代 高 级 语言 的 接口 软件 PRO 系列 ,能 在 C`C++ 等 主语 言 中 艇 和信 
SQL 语句 及 过 程 化 (PL/SQL) 语 句 , 对 数据 库 中 的 数据 进行 操纵 。 加 上 它 有 优秀 的 前 台 开 
发 工具 ,如 PowerBuilder、SQL Informix 和 Visual Basic 等 ,可 以 快速 开发 生成 基于 客户 端 
PC 平台 的 应 用 程序 ,并 具有 良好 的 移植 性 。 

(5) 提供 新 的 分 布 式 数 据 库 能 力 , 可 通过 网 络 较 方便 地 读 写 远 端 数据 库 里 的 数据 ,并 有 
对 称 复制 的 技术 。 
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3. 数据 库 管 理 系统 的 选择 原则 


选择 数据 库 管理 系统 时 应 从 以 下 几 个 方面 予以 考虑 : 

(1) 构造 数据 库 的 难 易 程度 。 

需要 分 析 数 据 库 管理 系统 有 没有 范式 的 要 求 , 即 是 否 必须 按照 系统 所 规定 的 数据 模型 
分 析 现 实 世 界 ,建立 相应 的 模型 ; 数据 库 管 理 语句 是 否 符合 国际 标准 ,符合 国际 标准 则 便于 
系统 的 维护 、 开 发 移植 ; 有 没有 面向 用 户 的 易 用 的 开发 工具 ; 所 支持 的 数据 库容 量 , 数 据 
库 的 容量 特性 决定 了 数据 库 管 理 系 统 的 使 用 范围 。 

(2) 程序 开发 的 难 易 程 度 。 

有 无 计算 机 辅助 软件 工程 工具 。 计 算 机 辅助 软件 工程 (Computer Aided Software 
Engineering,CASE) 工 具 可 以 帮助 开发 者 根据 软件 工程 的 方法 提供 各 开发 阶段 的 维护 、 编 
码 环 境 , 便 于 复杂 软件 的 开发 与 维护 。 有 无 第 四 代 语 言 的 开发 平台 。 第 四 代 语 言 具 有 非 过 
程 语言 的 设计 方法 ,用 户 不 需 编写 复杂 的 过 程 性 代码 ,易学 、 易 懂 、 易 维护 。 有 无 面向 对 象 的 
设计 平台 。 面 向 对 象 的 设计 思想 十 分 接近 人 类 的 逻辑 思维 方式 ,便于 开发 和 维护 。 有 无 对 
多 媒体 数据 类 型 的 支持 。 多 媒体 数据 需求 是 今后 发 展 的 趋势 ,支持 多 媒体 数据 类 型 的 数据 
库 管 理 系统 必 将 减少 应 用 程序 的 开发 和 维护 工作 。 

(3) 数据 库 管理 系统 的 性 能 分 析 。 

数据 库 管理 系统 的 性 能 分 析 包 括 性 能 评估 (响应 时 间 、 数 据 单位 时 间 吞 吐 量 )、 性 能 监控 
(内 外 存 使 用 情况 、 系 统 输入 输出 速率 、SQL 语句 的 执行 ,数据库 元 组 控制 ) 和 性 能 管理 ( 参 
数 设 定 与 调整 ) 等 。 

(4) 对 分 布 式 应 用 的 支持 。 

分 布 式 应 用 包括 数据 透明 与 网 络 透明 程度 。 数 据 透明 是 指 用 户 在 应 用 中 不 需 指出 数据 
在 网 络 中 的 什么 节点 上 ,数据 库 管理 系统 可 以 自动 搜索 网 络 ,提取 所 需 数据 ; 网 络 透明 是 指 
用 户 在 应 用 中 无 需 指出 网 络 所 采用 的 协议 。 数 据 库 管 理 系统 自动 将 数据 包 转 换 成 相应 的 协 

(5) 并 行 处 理 能 力 。 

支持 多 CPU 模式 的 系统 (SMP、CLUSTER、MPP) ,负载 的 分 配 形式 ,并 行 处 理 的 颗粒 
度 .范围 。 

(6) 可 移植 性 和 可 扩展 性 。 

可 移植 性 是 指 垂直 扩展 和 水 平 扩展 能 力 。 垂 直 扩 展 要求 新 平台 能 够 支持 低 版 本 的 平 
台 ,数据 库 的 客户 端 /服务 器 机 制 支 持 集中 式 管理 模式 ,这 样 保 证 用 户 以 前 的 投资 和 系统 
水 平 扩展 要 求 满足 硬件 上 的 扩展 ,支持 从 单 CPU 模式 转换 成 多 CPU 并 行 机 模式 (SMP、 
CLUSTER .MPP) 。 

(7) 数据 完整 性 约束 。 

数据 完整 性 是 指数 据 的 正确 性 和 一 致 性 保护 ,包括 实体 完整 性 \ 参 照 完 整 性 和 复杂 的 事 
务 规则 。 

(8) 并 发 控制 功能 。 

对 于 分 布 式 数 据 库 管理 系统 ,并 发 控制 功能 是 必 不 可 少 的 。 因 为 它 面临 的 是 多 任务 分 
布 环境 ,可 能 会 有 多 个 用 户 点 在 同一 时 刻 对 同一 数据 进行 读 或 写 操作 ,为 了 保证 数据 的 一 致 
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性 ,需要 由 数据 库 管理 系统 的 并 发 控制 功能 来 完成 。 

(9) 容错 能 力 。 

异常 情况 下 对 数据 的 容错 处 理 。 评 价 标准 : 硬件 的 容错 ,有 无 磁盘 镜像 处 理 功能 软件 
的 容错 ,有 无 软件 方法 。 

(10) 安全 性 控制 。 

安全 性 主要 指 安全 保密 的 程度 (账户 管理 ,用户 权 限 、 网 络 安全 控制 .数据 约束 ) 。 

(11) 支持 多 种 文字 处 理 能 力 。 

支持 多 种 文字 处 理 能 力 包括 数据 库 描述 语言 的 多 种 文字 处 理 能 力 ( 表 名 、 域 名 .数据 ) 和 
数据 库 开发 工具 对 多 种 文字 的 支持 能 力 。 

(12) 数据 恢复 的 能 力 。 

当 突 然 停 电 、 出 现 硬件 故障 .软件 失效 、 病 毒 或 严重 错误 操作 时 ,系统 应 提供 恢复 数 
据 库 的 功能 ,如 定期 转 存 、 恢 复 备 份 . 回 滚 等 ,使 系统 有 能 力 将 数据 库 恢 复 到 损坏 以 前 的 
状态 。 


3.2.3 网 站 系统 平台 


在 选 好 网 站 的 硬件 和 软件 平台 后 ,搭建 网 站 系统 平台 就 需要 安装 网 络 操作 系统 及 配置 
服务 器 。 


1. 网 络 操作 系统 的 安装 


下 面 以 安装 Windows Server 2003 Enterprise Edition(SP1) 系 统 为 例 来 介绍 安装 方法 。 
具体 安装 方法 如 下 : 

(1) 将 Windows Server 2003 安装 光盘 放 入 光驱 启动 计算 机 , 当 屏 幕 中 出 现 “Press any 
key to boot from CD ”提示 信息 时 , 按 任意 键 从 光盘 启动 。 安 装 程序 开始 装载 必要 的 安 
装 设置 文件 。 进 入 安装 程序 欢迎 页 面 , 如 图 3-5 所 示 。 屏 幕 提 示 用 户 按 Enter 键 开始 安装 
系统 , 按 F3 键 退出 安装 , 按 Enter 键 继续 。 


图 3-5 安装 程序 欢迎 页 面 
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(2) 打开 “Windows 授权 协议 ”页 面 ,如 图 3-6 所 示 。 按 F8 键 同意 协议 并 继续 安装 。 


图 3-6 “Windows 授权 协议 ”页 面 


(3) 安装 程序 开始 收集 计算 机 上 的 安装 信息 ,如 图 3-7 所 示 。 要 求 用 户 选择 安装 
Windows Server 2003 的 硬盘 分 区 。 默 认 选 中 硬盘 中 的 第 一 个 分 区 ( 即 C: 盘 ) ,用 户 可 以 按 
“方向 键 ? 选 中 合适 的 分 区 , 按 Enter 键 继续 。 


图 3-7 用 户 选 择 安装 Windows Server 2003 的 硬盘 分 区 


(4) 进入 “磁盘 格式 化 ”页 面 ,如 图 3-8 所 示 。 安 装 程序 提示 用 户 使 用 哪 种 文件 格式 来 
格式 化 分 区 。 可 供 选 择 的 有 “NTFS 分 区 格式 ”和 “FAT 分 区 格式 ”。 鉴 于 NTFS 文件 系统 
可 以 拥有 更 高 效 的 磁盘 利用 率 和 安全 性 能 ,因此 选中 “用 NTFS 文件 系统 格式 化 磁盘 分 区 ” 
选项 并 按 Enter 键 。 

(5) 安装 程序 开始 格式 化 磁盘 分 区 ,格式 化 完毕 后 自动 进入 文件 复制 页 面 ,如 图 3-9 所 
示 。 安 装 程序 开始 将 文件 复制 到 Windows 安装 文件 夹 ,复制 过 程 所 需 时 间 较 长 。 

(6) 文件 复制 完毕 后 ,安装 程序 将 在 15s 后 自动 重新 启动 计算 机 。 也 可 按 Enter 键 立即 
重启 ,如 图 3-10 所 示 。 

(7) 重新 启动 计算 机 ,可 以 看 到 Windows Server 2003 的 启动 画面 。 


NA 
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图 3-8 “磁盘 格式 化 ”页 面 


图 3-9 文件 复制 页 面 


图 3-10 系统 重新 启动 
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(8) 系统 启动 至 Windows 界面 的 安装 屏幕 ,如 图 3-11 所 示 。 并 开始 检测 和 安装 硬件 设 
备 ,如 图 3-12 所 示 。 在 此 过 程 中 会 出 现 屏幕 抖动 和 黑屏 ,这 属于 正常 现象 。 此 过 程 所 需 时 
间 比 较 长 。 


图 3-11 Windows 的 安装 界面 


图 3-12 检测 和 安装 硬件 设备 


(9) 完成 设备 安装 后 打开 “区 域 和 语言 选项 ”对 话 框 ,如 图 3-13 所 示 。 用 户 可 以 选择 设 
置 输入 法 等 项 目 。 一 般 保持 默认 设置 , 单 击 “ 下 一 步 ? 按 钮 。 

(10) 打开 * 自 定义 软件 "对话 框 ,如 图 3-14 所 示 。 按 Ctrl 十 Shift 组 合 键 激活 中 文 输入 
法 ,然后 输入 用 户 姓 名 和 工作 单位 ,并 单 击 “ 下 一 步 "按钮 。 

(11) 打开 “您 的 产品 密 钥 ” 对 话 框 ,如 图 3-15 所 示 。 要 求 输入 Windows Server 2003 的 
合法 产品 密 钥 ,只 有 正确 输入 安装 密 钥 后 才能 进行 下 一 步 操作 。 一 般 可 以 在 产品 授权 书 中 
找到 密 钥 ,输入 密 钥 后 单 击 “ 下 一 步 ” 按 钮 。 
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标准 和 格式 设置 该 设 和 为 中 文 中国) ， 设置 位 置 力 中国. 


要 更 2 这些 设 轩 语音 击 “ 自 定义 ”- REC) 
E ”让 和 全 用 志和 入 入 访 法 和 设备 用 
5 多 不 同 的 生计 辆 入 


对 这 的 文字 输入 语言 和 方法 是 :中文 哺 体 ) - 美式 刍 盘 扫 番 局 


要 查看 吕 更 吧 当 章 卫 吐 ,清单 击 “ 洋 细 污 息 ”. bi LY 


sw [Ey 


图 3-13 “区 域 和 语言 选项 ”对 话 框 


图 3-14 “ 自 定义 软件 ”对 话 框 


[ESEEII 


做 的 产品 守 钥 
娩 的 产品 记 角 唯一 标识 多 的 Yiadorr 


图 3-15 “您 的 产品 密 钥 ”对 话 框 
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(12) 打开 “授权 模式 ”对 话 框 ,如 图 3-16 所 示 。 安 装 程序 要 求 用 户 指定 希望 使 用 的 授 
权 模式 。 对 于 单机 用 户 而 言 ,保持 默认 设置 即 可 。 如 果 局 域 网 中 存在 多 台 Windows Server 
2003 服务 器 , 则 应 该 选中 “每 设备 或 每 用 户 ." 单 选 按钮 。 本 例 保持 “每 服务 器 。 同 时 连接 
数 : ” 单 选 按钮 的 选中 状态 ,并 单 击 * 下 一 步 ? 按 钮 。 


图 3-16 “授权 模式 ”对 话 框 

(13) 打开 “计算 机 名 称 和 管理 员 密 码 ” 对 话 框 ,如 图 3-17 所 示 。 需 要 设置 计算 机 名 称 
和 系统 管理 员 密 码 。 需 要 注意 的 是 ,计算 机 名 称 的 长 度 不 能 超过 64 个 字符 ,建议 在 15 个 字 
符 以 内 , 且 该 名 称 在 网 络 中 具有 唯一 性 。 另 外 ,系统 允许 最 多 使 用 14 个 字符 作为 密码 , 且 区 
分 大 小 写 。 如 果 在 输入 管理 员 密 码 的 时 候 设 置 太 简单 ,系统 会 提示 输入 的 密码 不 符合 强 密 
码 的 条 件 , 如 图 3-18 所 示 。 如 果 执 意 要 用 这 个 密码 ,可 以 单 击 “ 是 ”按钮 继续 下 面 的 安装 ; 
如 果 单 击 “ 否 ”按钮 则 重新 设置 密 设置 的 密码 应 当 妥 善 保存 。 设 置 完 毕 单 击 * 下 一 步 ” 
按钮 。 


图 3-17 “计算 机 名 称 和 管理 员 密码 "对话 框 


(14) 打开 “日 期 和 时 间 设 置 " 对 话 框 ,调整 计算 机 系统 的 日 期 \ 时 间 和 时 区 。“ 时 区 ” 选 
项 一 般 保持 默认 设置 即 可 , 单 击 “ 下 一 步 ” 按 钮 。 
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图 3-18 提示 输入 的 密码 不 符合 强 密码 的 条 件 


(15) 安装 程序 开始 安装 网 络 组 件 和 网 络 设备 ,以 使 该 计算 机 可 以 上 网 。 

(16) 打开 * 网 络 设置 ?对 话 框 , 如 图 3-19 所 示 。 一 般 用 户 只 需 选 中 “典型 设置 " 单 选 按 
钮 ,然后 在 完成 安装 后 作 进 一 步 的 调整 。 当 然 , 如 果 需 要 也 可 以 选中 “ 自 定义 设置 " 单 选 按 
钮 , 单 击 “ 下 一 步 "按钮 。 


了 Windows 


@ 收 案 信息 


(se sa 和、 和 Toteraet. 
大 宪 b's 
[4 和 定义 设置 

于 下 安 进 择 使 用 奥 型 设置 还 是 ; 设置 : 
oO 一 中 
i , 

be eT 


图 3-19 “网 络 设置 ”对话 框 


(17) 打开 “工作 组 或 计算 机 域 ” 对 话 框 ,如 图 3-20 所 示 。 可 以 设置 该 计算 机 隶属 于 哪 
个 工作 组 或 域 。 这 些 设置 只 有 在 局 域 网 环境 才 有 效 ,一 般 用户 只 需 保 持 默 认 设置 。 单 击 “ 下 
一 步 ?按钮 。 

(18) 在 后 面 的 安装 过 程 中 ,安装 程序 将 安装 “开始 "菜单 等 系统 组 件 ,并 对 这 些 组 件 进 
行 注册 。 安 装 设置 工作 将 由 安装 程序 自动 完成 ,最 后 删除 临时 文件 并 重新 启动 计算 机 。 

(19) 再 次 重新 启动 计算 机 ,出 现 Windows Server 2003 的 启动 界面 ,如 图 3-21 所 示 。 

(20) 按 Ctrl 二 Alt 十 Delete 组 合 键 ,进入 用 户 登录 界面 ,如 图 3-22 所 示 。 系 统 默认 输入 
了 系统 管理 员 的 账户 名 称 Administrator, 用 户 需 要 在 “密码 ”文本 框 中 输入 事先 设置 的 系统 
管理 员 密 码 , 单 击 “ 确 定 ” 按 钮 。 
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工作 地 或 计算 机 二 和 
一 好 计 和 机 。 城 则 8 香 员 的 -要 


图 3-20 “工作 组 或 计算 机 域 " 对 话 框 
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图 3-21 Windows Server 2003 的 启动 界面 
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图 3-22 ”用户 登录 界面 
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(21) 登录 Windows Server 2003 系统 桌面 ,自动 打开 “管理 您 的 服务 器 ”窗口 ,如 
图 3-23 所 示 。 至 此 ,已 经 成 功 安装 了 Windows Server 2003 系统 。 


LEE] 


国 管理 您 的 服务 器 


~ 
个 的 服务 器 已 经 用 下 列 角色 进行 了 配置 FE 
3 
及 应 用 程序 服务 器 
应 用 程序 服务 器 提供 构造 、 部 村 以 及 运行 MIL Yeb 服 请 参阅 GE) 
备 ， We 和 用 和 和 分 村 记 用 和 所 必须 的 村 fe te 
应 有 和 和 技术 得 拓 /sr-IET， Cot 和 8 帮助 和 妇 持 
en le © ieee teat 
信息 部 团 和 资源 工具 包 
外 复查 此 角色 的 下 一 步 常见 管理 任务 列表 
Windows Server 社区 
介 DERS 服务 器 新 内 容 
名 二) 报 和 名 和 尖 和 i 各 A9 ns 名 和 名 为 。 因 ] 管理 此 nrs 服 各 战略 性 技术 保护 计划 


他 复查 此 朋 包 的 下 一步 
为 DCP 服务 器 
到 员 志 主 本 置 凡 ) 服 务 分 本 TY 地 直 结 入 客 。 加 特此 pic 服务 加 
由 复查 此 角色 的 下 一 上 
及 TIIS 服务 器 
Mos irda teit ta 管理 此 INS 服务 器 
亿 复查 此 朋 色 的 下 一 步 


网 在 登录 时 不 要 显示 此 页 中) 


图 3-23 “管理 您 的 服务 器 ”窗口 


2. 服务 器 的 配置 


服务 器 配置 是 指 根据 行业 的 实 求 ,针对 安装 有 网 络 操作 系统 的 服务 器 设备 进行 软 
件 或 硬件 的 相应 设置 与 操作 ,从 而 实现 行业 的 业务 活动 需求 。 

网 站 系统 平台 中 服务 器 的 配置 主要 是 指 Web 服务 器 的 配置 。Web 服务 器 即 网 页 服务 
器 。 当 Web 浏览 器 (客户 端 ) 连 到 服务 器 上 并 提出 请 求 时 ,服务 器 将 处 理 该 请 求 并 将 文件 发 
送 到 该 浏览 器 上 ,附带 的 信息 会 告诉 浏览 器 如 何 查看 该 文件 ( 即 文件 类 型 )。 服 务 器 使 用 
HTTP( 超 文本 传输 协议 ) 进 行 信息 交流 。 

Web 服务 器 不 仅 能 够 存储 信息 ,还 能 在 用 户 通 过 Web 浏览 器 提供 信息 的 基础 上 运行 
脚本 和 程序 。 

(1) Web 服务 器 的 安装 。 

在 安装 Windows Server 2003 时 ,系统 会 自动 安装 “Internet 信息 服务 (IIS) 管 理 器 ”。 
如 果 没 有 安装 ,可 以 通过 下 面 两 种 方法 进行 安装 。 

方法 一 : 选择 “开始 ”“ 设 置 "~“ 控 制 面板 "命令 ,打开 “控制 面板 "窗口 ,双击 “添加 或 
删除 程序 ”选项 ,打开 “添加 或 删除 程序 ”窗口 , 单 击 “ 添 加 /删除 Windows 组 件 ” 按 钮 ,如 
图 3-24 所 示 。 

在 弹出 的 “Windows 组 件 ” 对 话 框 中 选中 “应 用 程序 服务 器 ” 复 选 框 , 单 击 “ 详 细 信 息 ” 按 
钮 ,在 弹出 的 “应 用 程序 服务 器 ”对 话 框 中 选中 “Internet 信息 服务 (IIS)" 复 选 框 , 单 击 “ 详 细 
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2003 


图 3-24 Windows 安装 组 件 


信息 ”按钮 ,在 弹出 的 “Internet 信息 服务 (TIS)” 对 话 框 中 选中 “万 维 网 服务 ” 复 选 框 , 单 击 “ 确 
定 ” 按 钮 ,然后 单 击 “ 下 一 步 ” 按 钮 ,系统 提示 放 入 Windows Server 2003 的 安装 光盘 , 放 入 后 
单 击 “ 确 定 ” 按 钮 ,系统 会 从 光盘 复制 一 些 有 关 文 件 进行 安装 ,最 后 单 击 “ 完 成 ”按钮 ,完成 
Windows Server 2003 Web 服务 器 的 安装 。 

方法 二 : 选择 “开始 ”一 “程序” 一 “管理 工具 ”一 “管理 您 的 服务 器 ”命令 ,在 弹出 的 “ 管 
理 您 的 服务 嚣 向导” 界面 上 单 击 “ 添 加 或 删除 角色 ”, 系统 弹出 “预备 步骤 ”对 话 框 , 单 击 
“下 一 步 ”按钮 ,系统 会 弹出 “服务 器 角色 ”对 话 框 ,如 图 3-25 所 示 , 在 该 对 话 框 中 选择 “应 
用 程序 服务 器 (IIS,ASP. NET)” 选 项 , 单 击 “ 下 一 步 ” 按 钮 ,然后 单 击 “ 完 成 ”按钮 ,完成 IIS 
的 添加 。 

(2) Web 服务 器 的 启动 。 

选择 “开始 ”>“ 管 理工 具 ” 一 “Internet 信息 服务 (IIS) 管理 器 "命令 ,如 图 3-26 所 示 , 即 
可 打开 IIS 控制 台 。 在 “网 站 ?节点 下 选中 要 启动 的 网 站 , 单 击 图 3-27 中 椭圆 框 内 的 小 黑 三 
角 按 钮 即 可 启动 Web 服务 器 。 

(3) Web 服务 器 属性 的 设置 。 

在 对 各 项 服务 设置 前 ,应 先 设置 主机 的 IP 地 址 ,方法 如 下 : 在 桌面 上 用 鼠标 右 击 “网 上 
邻居 ”图 标 , 从 弹出 的 快捷 菜单 中 选择 “属性 ”选项 ,弹出 “网 络 连接 ”对 话 框 , 右 击 “本 地 连接 ” 
图 标 ,从 弹出 的 快捷 菜单 中 选择 “属性 ”选项 ,弹出 “本 地 连接 属性 ”对 话 框 ,选择 “常规 ”选项 
卡 , 在 * 此 连接 使 用 下 列 项 目 ”选择 项 中 选中 *Internet 协议 (TCP/IP)”, 单 击 “ 属 性 "按钮 , 弹 
出 “Internet 协议 (TCP/IP) 属 性 ”对 话 框 ,选中 “使 用 下 面 的 IP 地 址 : “" 单 选 按钮 , 即 可 手动 
设置 计算 机 IP 地 址 ,如 图 3-28 所 示 。 最 后 单 击 “ 确 定 ” 按 钮 完成 IP 地 址 的 设置 。 
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服务 器 角色 


您 可 以 设置 此 服务 器 担任 一 个 或 多 个 特定 角色 。 如 果 您 想 在 此 服务 器 上 添加 一 个 以 上 的 角 
色 ， 您 可 以 再 雇 运 行 此 向 导 。 


选择 一 个 角色 。 如 果 和 角色 没有 添加 ,您 可 以 添加 它 。 如 果 它 已 经 被 添加 ,您 可 以 删除 它 。 如 果 悠 
想 志 加 或 册 队 的 角色 设 有 列 出 ， 博 打开 沙 加 或 出 际 程序 。 


应 用 程序 服务 器 (LIS ,ASP. ET) 


此 服务 器 已 配置 为 应 用 程序 服务 器 
委 管 理 此 服务 器 ,打开 
葵 理 低 的 服务 器 。 


(POP3, SHTP) 

2 YPN 服务 器 
控制 器 (Active Directory) 

上 服务 器 

DHCP 服务 器 

流 式 媒体 服务 器 

MTRS 服务 器 


要 删除 此 角色 ， 单 击 “ 下 一 步 ”。 


各 叫 和 加 十 功 叫 o 


图 3-25 “服务 器 角色 ”对 话 框 
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图 3-26 Web 服务 器 的 启动 
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3-27 “Internet 信息 服务 (IIS) 管 理 器 ”窗口 


Internet 协议 (TCP/IP) 尾 性 


图 3-28 IP 地 址 的 设置 
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对 Web 的 设置 主要 是 对 Web 站 点 的 属性 设置 ,让 Web 服务 器 高 效 、 安 全 地 工作 。 用 
鼠标 右键 单 击 预 置 的 Web 站 点 ,从 弹出 的 快捷 菜单 中 选择 “属性 ”选项 ,如 图 3-29 所 示 。 


图 3-29 “属性 ?选项 
打开 网 站 的 属性 设置 对 话 框 ,如 图 3-30 所 示 。 


图 3-30 ”网 站 的 属性 设置 对 话 框 
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对 于 一 般 用 户 , 只 需要 把 “网 站 ”“ 主 目录 ”和 “文档 ”设置 好 即 可 很 好 地 工作 。 

Q@ 对 “网 站 ”的 设置 。 在 弹出 的 属性 对 话 框 中 选择 “网 站 ”选项 卡 , 对 Web 站 点 进行 设 
置 ,包括 “描述 ”“IP 地 址 ”“TCP 端口 "和 “日 志 ” 等 。 

“IP 地 址 ?表示 建立 的 Web 站 点 主机 的 IP 地 址 , 当 Web 站 点 建 好 后 ,直接 在 IE 的 地 址 
栏 中 输入 该 IP 地 址 和 端口 地 址 ,就 可 以 访问 该 Web 站 点 上 的 信息 。 平 时 上 网 时 都 没有 输 
入 端口 是 因为 都 使 用 了 默认 端口 (80) 。 

作为 服务 器 ,是 为 用 户 服务 的 ,服务 器 要 正常 地 工作 ,就 需要 有 完全 可 靠 的 设置 作为 保 
障 ,日 志 是 计算 机 的 门卫 守护 神 。 它 能 记录 用 户 的 每 一 步 操作 , 当 网 络 出 现 问题 时 ,日 志 是 
分 析 问 题 .解决 问题 的 关键 。Windows Server 2003 Web 服务 器 提供 了 极 强 的 日 志 查 询 功 
能 ,方便 用 户 管理 和 维护 。 日 志 记 录 属 性 窗口 如 图 3-31 所 示 。 用 户 可 以 选择 日 志 的 存储 格 
式 、 存 储 位 置 . 存 储 时 间 和 存储 方式 等 。 


Eo 


mW | si | ww | 
(a) “常规 ”选项 卡 


(b) “高 级 ”选项 卡 
图 3-31 日 志 记 录 属 性 


@ 对 “ 主 目录 ”的 设置 。 主 目录 即 用 户 所 做 的 网 页 存放 的 位 置 ( 是 一 个 绝对 路 径 ), 可 以 
是 在 这 台 计 算 机 上 ,也 可 以 是 在 另 一 台 计算 机 上 ,还 可 以 是 一 个 重 定向 的 URL( 统 一 资源 地 
址 ) ,如 图 3-32 所 示 。 

其 中 * 本 地 路 径 ? 是 在 I:\znkweb 目录 下 ,一般 系统 默认 是 在 C:\Inetpub\wwwroot 下 。 
为 了 Web 服务 器 的 安全 ,建议 用 户 只 选中 * 脚 本 资源 访问 ”和 * 读 取 ” 复 选 框 即 可 。 特 别 是 
“ 写 人 ” 复 选 框 的 选中 与 否 ,对 系统 的 安全 性 尤为 重要 。 

图 对 “文档 ”的 设置 。 平 常 在 上 网 的 时 候 无 须 在 地 址 栏 中 输入 文件 名 ,系统 会 自动 打开 
一 个 页 面 ,这 就 是 Web 属性 中 “文档 ”所 实现 的 功能 ,详细 设置 如 图 3-33 所 示 。 

(4) 网 站 虚拟 目录 。 

Web 服务 器 中 虚拟 目录 需要 在 主 目录 的 基础 上 进行 创建 。 

QO@ 选择 “开始 ”一 “管理 工具 ”>“Internet 信息 服务 (IS) 管 理 器 ”命令 ,打开 “Internet 信 
息 服 务 (IIS) 管 理 器 ”窗口 。 在 左 窗 格 中 依次 展开 “服务 器 ”一 “网 站 ”目录 , 右 击 Web 站 点 名 
称 ,在 弹出 的 快捷 菜单 中 选择 “新 建 ”>“ 虚 拟 目 录 ” 命 令 。 


[GB 
- 息 Yeb 服务 扩展 


图 3-32 默认 网 站 属性 一 一 “ 主 目录 ”选项 卡 


图 3-33 默认 网 站 属性 一 一 “文档 ”选项 卡 
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@ 在 打开 的 “虚拟 目录 创建 向 导 ” 中 单 击 “ 下 一 步 ” 按 钮 ,打开 “虚拟 目录 别名 ”对 话 框 。 
然后 在 “别名 ”文本 框 中 输入 一 个 能 够 反映 该 虚拟 目录 用 途 的 名 称 ( 如 MsserverBook) ,并 单 
击 “ 下 一 步 ” 按 钮 。 

@ 打开 “网 站 内 容 目 录 ” 对 话 框 ,在 此 处 需要 指定 虚拟 目录 所 在 的 路 径 。 单 击 “ 浏 览 ” 按 
钮 ,在 本 地 磁盘 或 网 上 邻居 中 选择 目标 目录 ,虚拟 目录 与 网 站 的 主 目录 可 以 不 在 一 个 分 区 或 
物理 磁盘 中 。 单 击 “ 确 定 ” 按 钮 ,然后 再 单 击 “ 下 一 步 "按钮 。 

图 在 打开 的 “虚拟 目录 访问 权限 ?对 话 框 中 ,可 以 设置 该 虚拟 目录 准备 赋予 用 户 的 访问 
权限 。 用 户 可 以 根据 实际 需要 设置 合适 的 权限 ,并 单 击 “ 下 一 步 ?按钮 。 

@ 打开 完成 创建 虚拟 目录 对 话 框 , 单 击 * 完 成 "按钮 关闭 虚拟 目录 创建 向 导 。 


十 
me 5 章 < A 


要 设计 网 页 ,首先 要 了 解 和 掌握 相关 的 软件 ,Dreamweaver CS5 是 目前 业界 最 流行 的 网 页 
制作 与 网 站 开发 工具 ,利用 这 款 软件 可 以 方便 快捷 地 设计 出 内 容 丰 富 、 功 能 齐全 的 网 页 。 


4. 1 初 识 Dreamweaver CS5 


Dreamweaver CS5 是 一 


网 页 制作 和 管理 网 站 于 一 身 的 所 见 即 所 得 的 网 页 编辑 器 ， 
是 第 一 套 针对 专业 网 页 设计 师 特别 研发 的 视觉 化 网 页 开发 工具 ,利用 它 可 以 轻而易举 地 制 
作出 跨越 平台 限制 和 跨越 浏览 器 限制 的 充满 动感 的 网 页 。 


4.1.1 Dreamweaver CS5 界面 


Dreamweaver CS5 安装 后 , 它 会 自动 在 Windows 的 菜单 中 创建 程序 组 。 首 次 启动 
Dreamweaver CS5 时 将 显示 Dreamweaver 的 “欢迎 ”界面 ,这 个 界面 允许 快速 访问 最 近 的 页 
面 \ 轻 松 创建 广泛 的 页 面 类 型 ,以 及 直接 连接 到 多 个 关键 的 帮助 主题 ,如 图 4-1 所 示 。 


打开 最 近 的 项 目 新 建 主要 功能 
壬 教学 平台 项 目 /zhuye html 网 HTML 有 css 检查 模式 
俩 教学 平台 项 目 jzrs html 咽 CouFusion 

py CSS 
轿 教学 平台 项 目 eymb html 知 PHP | 人 
全 教学 平台 项 目 jzag html 千 ASP VBSseript 路 动态 相关 文件 
轿 教学 平台 项 目 /jxkjhtml 和 周 xsLT( 束 页) 
闻 教学 平台 项 目 fspzy htal 同 css | HS 
全 教学 平台 项 目 /zhuye html 号 Javascript 国有 Browerlwb 集成 
二 教学 平台 项 目 /fujian spzy html 央 xML 2 

站 已 了 多 
二 教学 平台 项 目 bgzyy html 玖 Dreamweaver 让 点 . 
已 打开 Ds 
日 RAN» AaobeTY 上 的 Dre 
目 新 地 功能 > [bwl 和 的 D er 
加 资源 > 和 和 教程， 党 请 访问 hdobe TY 


国 Dreamweaver Exchanee > 


口 | 不 再 显示 


图 4-1 Dreamweaver 的 “欢迎 ”界面 
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该 “欢迎 ”界面 可 以 被 隐藏 ,并 在 以 后 可 以 再 显示 。 当 “欢迎 ”界面 被 隐藏 且 没 有 打开 任 
何 文档 时 , “文档 ”窗口 处 于 空白 状态 。 

隐藏 “欢迎 ”界面 : 选中 “欢迎 ”界面 上 的 “不 再 显示 ” 复 选 框 。 

显示 “欢迎 "界面: 选择 “编辑 ”>“ 首 选 参数 ”命令 ,在 弹出 的 “首选 参数 ”对 话 框 中 选择 
“常规 "类别, 选中 “显示 欢迎 界面 "选项 。 

“欢迎 ”界面 常用 于 打开 最 近 使 用 过 的 文档 或 创建 新 文档 ,还 可 以 从 “欢迎 ”界面 通过 产 
品 介绍 或 教程 了 解 关于 Dreamweaver 的 更 多 信息 。 

通过 Dreamweaver 的 “欢迎 ”界面 快速 创建 常用 的 项 目 文档 时 ,可 以 选择 界面 中 “新 建 ” 
类 别 下 的 HTML 选项 ,打开 其 工作 区 界面 ,如 图 4-2 所 示 。 


ts 9" b, Ey 0 cu EE 
菜单 栏 DECOEETEIIEEEEETRL 基 和 
is 2 
志和 TR -| 6 0 0 | 
文档 工具 栏 一 rm] 
otitledl X| EE 
标准 工具 栏 - SO ON ON |Ealsn] 
”区 Pa 
编码 工具 栏 a ee | 
四 号 浮动 面板 组 
代码 视图 国生 1 
espe | 
Bl 
设计 视图 = Pr Ee W079 
.Be 加 
Bl | EE 四 并 
= | EXEX EAEIE 
bp 3 | 
_ PS 全 ne ,Te 
标签 选择 器 ET WE ee 状态 栏 
| 二 [3 四 
属性 面板 -See ieRQI 本 六 天 上 D 生 三 二 关 时 reoris 
Bss nw " | 
"| 和 
DIEE_JLe | 庄 [Fm] 
Ea 


图 4-2 Dreamweaver CS5 工作 区 界面 


在 Dreamweaver 工作 区 可 以 查看 文档 和 对 象 属性 ,工作 区 还 将 许多 常用 操作 放置 于 工 
具 栏 中 ,可 以 快速 更 改 文 档 。 在 Windows 中 ,Dreamweaver 提供 了 一 个 将 全 部 元 素 置 于 一 
个 窗口 中 的 集成 布局 ,在 集成 的 工作 区 中 ,全 部 窗口 和 面板 都 被 集成 到 一 个 更 大 的 应 用 程序 
窗口 中 。Dreamweaver 还 可 显示 一 个 浮动 工作 区 ,其 中 的 每 个 文档 都 显示 在 它 自己 的 单独 
窗口 中 。 面 板 组 停靠 在 一 起 ,调整 面板 大 小 或 显示 和 隐藏 面板 会 自动 调整 主 文档 大 小 。 

工作 区 中 主要 包括 以 下 元 素 : 标题 栏 .菜单 栏 .插入 工具 栏 . 文 档 工 具 栏 、 编 码 工 具 栏 、 
代码 视图 窗口 .设计 视图 窗口 `CS Live、 浮 动 面 板 组 .标签 选择 器 状态 栏 和 属性 面板 等 。 


1. 标题 栏 
标题 栏 位 于 Dreamweaver CS5 工作 区 界面 的 顶部 ,包含 工作 区 切换 器 、 应 用 程序 控件 
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MV 


和 CS Live 等 。 


2. 


菜单 栏 


菜单 栏 是 进行 网 页 操作 的 一 些 命令 的 集合 。Dreamweaver CS5 主要 包括 10 个 菜单 ,其 
功能 如 表 4-1 所 示 ,使 用 菜单 栏 基本 上 可 以 实现 程序 的 所 有 功能 。 


表 4-1 Dreamweaver CS5 菜单 的 功能 


菜单 名 称 功 能 

文件 用 来 管理 文件 。 如 新 建 . 打 开 、 保 存 文件 , 导 人 和 导出 等 
编辑 用 来 编辑 文本 。 如 剪 切 、 复 制 粘 贴 及 首选 参数 等 
查看 用 来 切换 视图 模式 及 显示 /隐藏 标尺 辅助 线 等 功能 
插入 用 来 插入 各 种 元 素 。 如 图 像 表格 和 表单 等 
修改 用 来 实现 对 页 面 的 修改 。 如 在 表格 中 拆 分 /合并 单元 格 等 
格式 用 来 设置 文本 的 操作 。 如 设置 文本 的 格式 等 
命令 收集 了 所 有 的 附加 命令 项 
站 点 用 来 创建 和 管理 站 点 
窗口 用 来 显示 /隐藏 面板 等 
帮助 实现 联机 帮助 功能 

3. 插入 工具 栏 


插入 工具 栏 可 以 在 制作 网 页 过 程 中 快速 插入 网 页 元 素 , 如 插入 图 像 、Flash、 表 格 和 Div 
等 , 单 击 插入 栏 上 方 的 选项 卡 可 以 在 各 插入 栏 间 切 换 , 单 击 插入 栏 中 的 按钮 即 可 执行 相应 的 


命令 。 


4. 


文档 工具 栏 


文档 工具 栏 主要 进行 文档 的 工作 布局 切换 、 预 览 等 操作 ,其 中 包含 一 些 按 钮 ,分 别提 
供 各 种 “文档 ”窗口 视图 (如 “设计 ”视图 和 “代码 ”视图 ) 的 选项 、 各 种 查看 选项 和 一 些 常 用 


操作 。 


“代码 ”按钮 : 在 “文档 ”窗口 中 以 “代码 ”视图 方式 进行 显示 。 

“ 拆 分 "按钮 : 将 “文档 "窗口 拆 分 为 “代码 ”视图 和 “设计 ”视图 。 

“设计 ”按钮 : 在 “文档 "窗口 中 以 “设计 ”视图 方式 进行 显示 。 若 处 理 的 是 XML、 
JavaScript、Java、CSS 或 其 他 基于 代码 的 文件 类 型 , 则 不 能 在 “设计 ”视图 中 查看 文 
件 , 而 且 “ 设 计 ” 和 “ 拆 分 "按钮 将 会 变 暗 。 

“实时 视图 "按钮 : 显示 不 可 编辑 的 .交互 式 的 、 基 于 浏览 器 的 文档 视图 。 

“实时 代码 ”按钮 : 显示 浏览 器 用 于 执行 该 页 面 的 实际 代码 。 

文档 “标题 "区 域 : 允许 为 文档 输入 一 个 标题 , 它 将 显示 在 浏览 器 的 标题 栏 中 。 如 果 
文档 已 经 有 了 一 个 标题 , 则 该 标题 将 显示 在 该 区 域 中 。 

“文件 管理 "按钮 蚌 侗 : 弹出 “文件 管理 ”的 快捷 菜单 。 

“在 浏览 器 中 预览 /调试 "按钮 力 则 : 允许 在 浏览 器 中 预览 或 调试 文档 ,从 弹出 菜单 中 
可 以 选择 一 种 浏览 器 。 
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“刷新 设计 视图 ”按钮 息 |: 在 “代码 ”视图 中 对 文档 进行 更 改 后 ,刷新 文档 的 “设计 ” 
视图 。 在 执行 某 些 操 作 (如 保存 文件 或 单 击 该 按钮 ) 之 后 ,在 “代码 ”视图 中 所 做 的 更 
改 才 会 自动 显示 在 “设计 ”视图 中 。 

“可 视 化 助理 "按钮 天: 使 用 各 种 可 视 化 助理 来 设计 页 面 。 

“检查 浏览 器 兼容 性 ”按钮 局 5 细 : 用 于 检查 CSS 是 否 对 于 各 种 浏览 器 均 兼 容 。 


5. 标准 工具 栏 


标准 工具 栏 中 包括 新建” “打开 ”、“ 在 Bridge 中 浏览 "“ 保 存 "“ 全 部 保存 "“ 打 印 代 
码 ”“ 剪 切 ”“ 复 制 ”“ 粘 贴 ”“ 撤 销 ” 和 *“ 重 做 ”等 按钮 。 标 准 工具 栏 在 默认 工作 区 布局 中 不 
显示 , 若 要 显示 标准 工具 栏 , 则 选择 "查看 ” 盖 工 具 栏 ” 盖 标准 "命令 。 


6. 编码 工具 栏 


编码 工具 栏 仅 在 “代码 ”视图 中 显示 ,包含 可 用 于 执行 多 项 标准 编码 操作 的 按钮 ,例如 折 
全 和 展开 所 选 代 码 、 高 之 显示 无 效 代 码 ,应 用 和 删除 注释 、 缩 进 代 码 、 插 入 最 近 使 用 过 的 代码 
片断 等 。 


7. 设计 视图 


设计 视图 是 一 个 用 于 可 视 化 页 面 布 局 .可 视 化 编辑 和 快速 应 用 程序 开发 的 设计 环境 。 
在 该 视图 中 ,Dreamweaver 显示 文档 的 完全 可 编辑 的 可 视 化 表示 形式 。 


8. 代码 视图 


代码 视图 是 一 个 用 于 编写 和 编辑 HTML JavaScript、 服务器 语言 代码 (如 PHP 或 
ColdFusion 标记 语言 一 一 CFML) ,以 及 任何 其 他 类 型 代码 的 手工 编码 环境 。 

9. 标签 选择 器 

标签 选择 器 位 于 ”文档 ”窗口 底部 的 状态 栏 中 ,显示 当前 选 定 内 容 的 标签 的 层次 结构 , 单 
击 该 层次 结构 中 的 任何 标签 可 以 选择 该 标签 及 其 全 部 内 容 。 

10. 状态 栏 

状态 栏 用 于 显示 文档 缩放 大 小 、 当 前 对 象 的 大 小 等 信息 ,包含 选取 工具 、 手 形 工具 、 缩 放 
工具 ,设置 缩放 比率 、 窗 口 大 小 弹出 菜单 ,文档 大 小 和 估计 的 下 载 时 间 \ 编 码 指示 器 等 。 单 击 
状态 栏 右 侧 的 “ 手 形 工具 ?按钮 题 后 ,将 光标 移动 到 设计 视图 的 编辑 窗口 中 , 按 下 鼠标 左 键 
进行 上 .下 \ 左 \ 右 拖 动 ,可 以 很 方便 地 查看 网 页 不 同 部 分 的 内 容 ; 单 击 “ 缩 放 工具 ”按钮 较 
将 光标 移动 到 设计 视图 的 编辑 窗口 中 单 击 ,可 以 放大 编辑 窗口 中 的 内 容 , 多 次 单 击 则 逐步 放 
大 ,如 果 要 进行 缩小 操作 ,需要 按 住 Alt 键 的 同时 再 单 击 鼠 标 左 键 , 多 次 单 击 则 可 以 逐步 
缩小 。 


11. 属性 面板 
属性 面板 用 于 查看 和 更 改 所 选 对 象 或 文本 的 各 种 属性 。 每 个 对 象 具 有 不 同 的 属性 , 选 
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取 的 对 象 不 同 ,属性 面板 的 参数 设置 项 目 也 不 同 。 默 认 情 况 下 ,属性 面板 位 于 工作 区 的 底 
部 ,可 以 将 其 取消 停靠 并 使 其 成 为 工作 区 中 的 浮动 面板 。 


12. 浮动 面板 组 


浮动 面板 组 是 停靠 在 编辑 窗口 右 侧 的 浮动 面板 的 集合 ,帮助 实现 监控 和 修改 工作 。 例 
如 , “插入 ”面板 “CSS 样式 ”面板 和 “文件 ”面板 等 。 可 以 通过 选择 “窗口 ”菜单 中 的 相应 命 
令 来 显示 或 关闭 对 应 的 面板 ,其 中 的 “文件 面板 ”主要 用 于 管理 文件 和 文件 夹 , 无 论 是 
Dreamweaver 站 点 的 一 部 分 还 是 位 于 远程 服务 器 上 。“ 文 件 面板 ”还 可 以 访问 本 地 磁盘 上 
的 全 部 文件 ,类 似 于 Windows 资源 管理 器 。“CSS 样式 ”面板 可 以 跟踪 影响 当前 所 选 页 面 元 
素 的 CSS 规则 和 属性 (“当前 ”模式 ) 或 影响 整个 文档 的 规则 和 属性 (“全 部 "模式 )。 使 用 
“CSS 样式 ”面板 顶部 的 切换 按钮 可 以 在 两 种 模式 之 间 切 换 。 使 用 “CSS 样式 ”面板 还 可 以 
在 “全 部 ”和 “当前 ”模式 下 修改 CSS 属性 。 


4.1.2 功能 特色 


Dreamweaver CS5 使 设计 开发 人 员 能 构建 基于 标准 的 网 站 ,在 兼容 Dreamweaver CS4 
的 各 种 应 用 的 基础 上 新 增 了 很 多 功能 。Dreamweaver CS5 的 新 增 功 能 主要 有 : 由 于 同 新 的 
Adobe CS Live 在 线 服 务 Adobe BrowserLab 集成 ,可 以 使 用 CSS 检查 工具 进行 设计 ; 使 用 
内 容 管理 系统 进行 开发 并 实现 快速 ,精确 的 浏览 器 兼容 性 测试 ; 集成 CMS 支持 ,CSS 检查 、 
PHP 自 定义 类 代码 提示 、 增 强 的 Subversion 支持 等 。 


@.2 创建 和 管理 站 点 


在 使 用 Dreamweaver CS5 设计 网 站 的 过 程 中 创建 站 点 是 很 重要 的 一 步 , 站 点 能 够 管 
理 \ 组 织 所 有 与 网 站 相关 联 的 文档 ,会 自动 将 所 有 资源 (如 HTML 文档 、 图 片 . 动 画 、 声 音 和 
程序 等 ) 都 保存 到 网 站 文件 夹 中 ,从 而 保证 网 站 发 布 后 网 页 能 正常 运行 。 


4.2.1 创建 站 点 


在 Dreamweaver CS5 中 使 用 本 地 (Local) 站 点 , 它 存 储 在 硬盘 驱动 器 上 的 一 个 文件 夹 
中 , 当 准 备 好 发 布 站 点 时 ,再 把 完成 的 文件 上 传 到 远程 (Remote) 站 点 , 它 存储 在 Web 主机 
服务 器 上 。 这 两 个 站 点 的 文件 夹 结构 和 文件 实质 上 是 彼此 之 间 的 镜像 。 


1. 本 地 站 点 的 创建 方式 


本 地 站 点 的 创建 方式 主要 有 以 下 几 种 : 

(1) 通过 Dreamweaver 的 “欢迎 ”界面 创建 本 地 站 点 。 

在 “欢迎 ”界面 中 选择 “新 建 " 下 方 的 "Dreamweaver 站 点 ”选项 ,如 图 4-3 所 示 。 
(2) 通过 “站 点 "菜单 创建 本 地 站 点 。 

选择 “站 点 ”>“ 新 建站 点 ”命令 ,如 图 4-4 所 示 。 


新 建 
图 HTML 

是， 同 codFusion 
冉 PHP 
吴 ASP vpscript 
才 xsLT( 整 页 ) 
血 css 
千 Javaseript 
多 XML 
此 Dreamweaver 站 点 . 
书 更 多 . 


图 4-3 “欢迎 ”界面 中 的 新 建站 点 


(3) 通过 “管理 站 点 "对话 框 创建 新 站 点 。 
选择 "站 点 ”一 “管理 站 点 ”命令 ,弹出 
对 话 框 ,如 图 4-5 所 示 ,在 该 对 话 框 中 单 击 * 新 建 ?按钮 


即 可 。 


2. 创建 本 地 站 点 


(1) 在 本 地 硬盘 上 新 建 一 个 文件 夹 或 者 选择 一 个 
已 经 存在 的 文件 夹 作 为 “站 点 ”, 那 么 这 个 文件 夹 就 是 
本 地 站 点 的 根 目录 。 如 果 是 新 建 的 文件 夹 ,这 个 站 点 
就 是 空 的 ,否则 这 个 站 点 就 包含 了 已 经 存在 的 文件 。 


高 级 ) 


1 


理 站 点 ” 
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天 到 二 DD 丰 肋 0 | 国 、， 立 ”| 


管理 站 点 如 


报告 加). 
站 点 特定 的 代码 提示 @) 
同 了 


检查 站 ， 范围 的 久 按 四 cultre 
改变 站 点 范围 的 链接 EK) 


图 4-4 “站 点 ”菜单 中 的 “新 建站 点 ”命令 


图 4-5 “管理 站 点 ”对话 框 


(2) 选择 “站 点 ”一 “新 建站 点 ”命令 ,或 者 选择 “站 
点 "一 “管理 站 点 ”命令 ,在 “管理 站 点 ?对话 框 中 单 击 “ 新 建 ? 按 钮 ,打开 * 站 点 设置 对 象 "对 话 


框 ,如 图 4-6 所 示 。 


站 点 设置 对 象 wykj 


age 二 上 网站 中 的 的 所 人 和 的 本 ，Droamsaoter 
et ee 
汪汪 光 生计 上 中 和 入 问 汪 0 生 的 生生 生息 拉 关 


您 可 以 在 此 处 为 Dreamweaver 站 点 选择 本 地 文件 丈 和 名 称 。 


站 点 名 称 ; [ww 


本 地 站 点 文件 亚 : 


图 4-6 “站 点 设置 对 象 "对 话 框 
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(3) 选择 “站 点 ”项 ,在 “站 点 名 称 ” 文 本 框 中 输入 站 点 的 名 称 。 站 点 名 称 显示 在 站 点 面 
板 中 的 站 点 下 拉 列 表 中 。 站 点 名 称 不 会 在 浏览 器 中 显示 ,因此 可 以 使 用 喜欢 的 任何 名 称 , 最 
好 选用 英文 字符 。 本 例 使 用 的 站 点 名 称 为 wykj。 

在 “本 地 站 点 文件 夹 "文本 框 中 输入 一 个 路 径 和 文件 夹 名 ,或 者 单 击 文本 框 右边 的 “文件 
夹 ”图 标 选择 一 个 文件 来。 如 果 本 地 根 目录 文件 夹 不 存在 ,可 以 在 “选择 根 文件 夹 ” 对 话 框 中 
创建 一 个 文件 夹 , 然 后 再 选择 它 。 当 Dreamweaver CS5 在 站 点 中 决定 相对 链接 时 ,是 以 此 
文件 夹 为 标准 的 。 

(4) 选择 “高 级 设置 >“ 本 地 信息 ”选项 ,如 图 4-7 所 示 。 


站 点 设置 对 象 wykj 


默认 图 入 文件 赤 : [mtgUimages 
版 本 控制 链接 相对 于 : 加 文档。 。 口 站 点 根 目录 


Web URL: [http:// 


如 时 此 戎 语义 远 理 昭 务 避 ， 硅 散人 Web URL. 已 庆 尽 党 丰 
殿 务 及，Dreamweayer 次 借 司 必 务 部 经 理 因 米 全 的 Web URL - 


设计 备注 
文件 视图 列 
Contribute 口 区 分 大 小 写 的 链接 检查 
模板 区 启用 缓存 


妇 作 史 半 启 放 的 广 说 向 估 有 从 名 。 这 和 徊 优 贷 瞩 硬 信和 
Et 人 下 


图 4-7 站 点 设置 对 象 一 一 本 地 信息 


在 “默认 图 像 文件 夹 ”文本 框 中 设置 站 点 图 片 存 放 的 文件 夹 的 默认 位 置 。 

在 “链接 相对 于 ”选项 组 中 默认 选择 “文档 ” 单 选 按钮 。 

在 Web URL 文本 框 中 输入 网 站 完整 的 URL。 

选中 “区 分 大 小 写 的 链接 检查 " 复 选 框 ,在 检查 链接 时 会 有 字母 大 小 写 的 区 分 ,否则 不 
分 字母 大 小 写 。 

选中 “启用 缓存 " 复 选 框 ,会 创建 一 个 缓存 以 加 快 资源 面板 和 链接 管理 功能 的 速度 。 否 
则 ,Dreamweaver CS5 在 创建 站 点 时 会 询问 是 否 想 创 
建 一 个 缓存 。 ET [| 本 地 视图 z] 

提示 : 其 他 项 可 以 根据 需要 设置 ,也 可 以 在 选择 【RCI | 
“站 点 ”=>“ 管 理 站 点 ”命令 后 ,在 “管理 站 点 ”对 话 框 中 
单 击 “编辑 按钮 ,打开 “站 点 设置 对 象 "对 话 框 进行 
设置 。 

(5) 设置 完毕 , 单 击 “保存 按钮 。 

(6) 打开 “文件 ”面板 ,可 以 看 到 刚才 新 创建 的 站 
点 ,如 图 4-8 所 示 。 图 4-8 “文件 ”面板 


[el 
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(7) 若 还 需 创建 其 他 站 点 , 则 重复 上 述 步骤。 
4.2.2 管理 站 点 


对 于 已 创建 的 站 点 ,可 以 对 站 点 的 属性 进行 编辑 ,也 可 以 根据 需要 对 站 点 进行 复制 或 删 
除 ,还 可 以 在 本 地 视图 中 快速 查看 或 设置 整个 站 点 的 结构 和 文件 。 


1. 编辑 站 点 


操作 步骤 : 选择 “站 点 ”>“ 管 理 站 点 "命令 ,弹出 “管理 站 点 ”对 话 框 ,如 图 4-5 所 示 。 单 
击 “ 编 辑 ” 按 钮 可 打开 “站 点 设置 对 象 ? 对 话 框 ,如 图 4-6 所 示 , 在 该 对 话 框 中 重新 进行 设置 ， 
包括 站 上 点、 服务器、 版 本 控制 和 高 级 设置 等 。 


2. 复制 站 点 


复制 站 点 是 指 复制 站 点 的 相关 设置 信息 ,站 点 文件 夹 并 不 会 被 复制 。 

操作 步骤 : 选择 “站 点 ”一 “管理 站 点 ”命令 ,弹出 “管理 站 点 ”对 话 框 ,如 图 4-5 所 示 。 先 
在 站 点 列表 中 选择 要 复制 的 站 点 ,然后 单 击 " 复 制 ” 按 钮 ,站 点 被 复制 ,站 点 列表 中 出 现 复制 
的 站 点 名 称 。 


3. 删除 站 点 


如 果 不 再 需要 使 用 Dreamweaver CS5 中 的 某 个 站 点 时 ,可 以 从 站 点 列表 中 将 该 站 点 删 
除 。 当 从 列表 中 删除 站 点 后 ,有 关 该 站 点 的 所 有 设置 信息 将 永久 丢失 ,但 站 点 中 的 文件 仍然 
存放 在 计算 机 的 原来 位 置 , 并 不 会 被 删除 。 

操作 步骤 : 选择 "站 点 ”一 "管理 站 点 ”命令 ,弹出 “管理 站 点 ?对 话 框 ,如 图 4-5 所 示 。 先 
在 站 点 列表 中 选择 要 删除 的 站 点 名 称 , 然 后 单 击 “ 删 除 ” 按 钮 ,在 弹出 的 警告 对 话 框 中 单 击 
“是 ”按钮 即 可 确认 删除 。 


4. 导入 导出 站 点 


在 Dreamweaver 的 站 点 编辑 中 ,可 以 将 现 有 的 站 点 导出 为 一 个 站 点 文件 ,也 可 以 将 站 
点 文件 导入 为 一 个 站 点 。 导 入 、 导 出 的 作用 在 于 保存 和 恢复 站 点 与 本 地 文件 的 连接 
关系 。 

操作 步骤 : 选择 “站 点 ”一 “管理 站 点 ”命令 ,弹出 “管理 站 点 ”对 话 框 ,如 图 4-5 所 示 。 在 
站 点 列表 中 选择 需要 导出 的 站 点 , 单 击 * 导 出 ?按钮 ,弹出 * 导 出 站 点 ?对话 框 ,选择 导出 路 径 ， 
导出 的 站 点 文件 扩展 名 是 . ste, 单 击 “ 保 存 ” 按 钮 即 可 导出 站 点 文件 。 同 理 ,导入 站 点 是 在 
“管理 站 点 ”对 话 框 中 单 击 “ 导 入 ”按钮 ,弹出 * 导 入 站 点 "对话 框 ,选中 要 导入 站 点 的 文件 , 单 
击 “ 打 开 ” 按 钮 即 可 。 如 果 Dreamweaver 中 已 经 有 了 一 个 与 导入 站 点 名 相同 的 站 点 , 则 系统 
会 提示 对 新 导入 的 站 点 更 改名 称 。 


5. 站 点 视图 
在 Dreamweaver CS5 的 “文件 ”面板 中 可 以 组 织 和 管理 站 点 文件 和 文件 来。 选择 “和 窗 
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口 ” 盖 文件 ”命令 ,可 以 打开 或 关闭 "文件 ”面板 ,如 图 4-9 所 示 , 在 “文件 ”面板 中 可 以 用 “本 
地 视图 ”“ 远 程 服务 器 ”和 “测试 服务 器 ”等 不 同 的 方式 管理 和 查看 站 点 。 
| 


加 示例 网 站 国 [ 本 地 视 国 国 


吕 CGij58 介 尽 久 全 | 团 


转 inages 文件 来 
二 index htnl 18B HIML 3 

二 shilil.htnl 1FB HIML 3 

司 :hili2.html 1KB HTNL 3 

二 shili3.htnl 1KB HTML 3 
ere] 国 


[ET CEE 
图 4-9 站 点 视图 


网 页 基本 操作 | 


网 页 制作 需要 将 文字 ,图像 等 内 容 进行 合理 的 编排 及 设置 相互 的 链接 关系 ,本 章 将 主要 
介绍 如 何在 网 页 中 加 入 文字 、 图 像 . 超 级 链接 、 动 画 和 视频 等 基本 元 素 。 


) 
G6.1 网 页 文件 的 基本 操作 
mr 让 
网 页 文件 的 基本 操作 主要 包括 新 建 网 页 .打开 网 页 .保存 网 页 .设置 页 面 属 性 等 。 


5.1.1 新 建 网 页 


在 Dreamweaver CS5 中 ,通常 可 以 通过 下 列 两 种 方法 创建 空白 网 页 。 

(1) 通过 启动 界面 创建 网 页 。 

启动 Dreamweaver CS5 后 ,窗口 中 会 出 现 一 个 初始 界面 , 单 击 “新 建 " 下 面 的 HTML 选 
项 即 可 创建 网 页 ,如 图 5-1 所 示 。 


打开 最 近 的 项 目 新 建 主要 功能 
图 dmtljfindex html 几 HIML | css 检查 模式 
加 打开 . 壬 coldFusion 二 
而 总 EE Css 启 用 蔡 用 
几 AsP VBSeript 路 动态 相关 文件 
舌 xsLT( 整 页 ) 
同 cs [2 实时 视图 导航 
二 Javaseript 图 有 BrowseaLab 和 集成 
网 x 
磺 Dreamweaver 站 点 二 /汇丰 
DD 更 多 - 
国 闪 志 和 站， 四 升级 至 Dreanveaver CS5.5 
国 新 8 功能 » Dreanweaver Cs5.5 与 新 版 C553/HTNLS 
转 资源 、 Ese 移动 支持 以 及 FhoneGsp Ea 
布 ， 是 自 建 Android(R) 和 i 
Dreamweaver Exchangey 让 
[| 不 再 显示 


图 5-1 Dreamweaver CS5 初始 界面 
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(2) 通过 文件 菜单 创建 网 页 。 
选择 “文件 ”>“ 新 建 "命令 ,打开 “新 建文 档 ”对话 框 ,选择 “空白 页 ”下 的 HTML 页 面 类 
型 , 单 击 “ 创 建 " 按 钮 即 可 创建 网 页 ,如 图 5-2 所 示 。 


Ce Fe 
时 


图 5-2 “新 建文 档 " 对 话 框 


5.1.2 打开 网 页 


打开 网 页 的 操作 主要 有 以 下 几 种 方法 : 

(1) 通过 资源 管理 器 。 

在 Windows 操作 系统 的 资源 管理 器 中 选中 要 打开 的 文件 图 标 , 单 击 鼠 标 右键 ,从 弹出 
的 快捷 菜单 中 选择 “打开 方式 ”~Dreamweaver CS5 命令 即 可 。 

(2) 通过 启动 界面 。 

启动 Dreamweaver CS5 后 . 单 击 * 初 始 界面 ”中 * 打 开 最 近 项 目 " 下 面 的 选项 可 以 打开 文 
档 , 如 图 5-1 所 示 。 

(3) 通过 文件 菜单 。 

选择 “文件 ”打开 ”命令 ,打开 * 打 开 ? 对 话 框 ,选择 要 打开 的 文件 , 单 击 “打开 ?按钮 
即 可 。 


5.1.3 保存 网 页 
1. 保存 网 页 


在 Dreamweaver CS5 中 ,保存 指定 文件 的 常用 方法 有 以 下 几 种 : 
(1) 若 在 网 页 文件 编辑 区 打开 了 多 个 文档 窗口 ,应 先 切换 到 要 保存 文件 的 网 页 编辑 窗 
口 ,再 选择 “文件 ”一 “保存 ”命令 或 按 Ctrl 十 S 组 合 键 ,保存 文件 。 
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说 明 : 使 用 “保存 "命令 ,在 新 建文 件 后 第 一 次 保存 文件 时 会 打开 “另存 为 ”对话 框 ,而 当 
该 文档 已 保存 过 ,或 该 文档 为 打开 的 已 有 文档 时 , 单 击 “ 保 存 ” 命 令 只 是 将 本 次 修改 的 内 容 补 
存 进去 ,不 会 打开 “另存 为 ”对话 框 。 

(2) 车 希望 当前 文档 以 另外 的 路 径 或 文件 名 保存 时 ,可 以 选择 “文件 ”>“ 男 存 为 "命令 ， 
然后 在 “另存 为 ?对 话 框 中 输入 该 文件 的 保存 路 径 和 名 称 , 单 击 * 保 存 ? 按 钮 即 可 。 

(3) 在 网 页 设计 过 程 中 ,有 时 会 同时 打开 多 个 文档 窗口 ,编辑 多 个 网 页 文件 。 若 希望 保 
存 全 部 文件 ,可 以 选择 "文件 ”保存 全 部 ”命令 , 则 可 保存 所 有 打开 的 文件 。 若 某 些 文件 尚 
未 保存 过 , 则 会 打开 * 另 存 为 ”对话 框 ,提示 输入 文件 的 路 径 和 名 称 ,然后 单 击 * 保 存 ” 按 钮 
即 可 。 


2. 命名 原则 


在 保存 网 页 时 ,命名 的 基本 原则 如 下 : 

(1) 文件 名 中 尽量 不 使 用 汉字 ,最 好 包含 小 写 英文 字母 .数字 和 下 划 线 。 

(2) 文件 名 不 要 以 数字 开头 。 

(3) 不 要 在 文件 名 中 使 用 空格 .标点 符号 (如 冒号 、 斜 杠 或 句号 等 ) 或 特殊 字符 (如 *、 
§、$ .@ 等 )。 

(4) 主页 的 文件 名 称 通常 设 定 为 index 或 default, 如 index. htm、index. asp 或 default 
.htm default. asp。 


(5) 用 尽量 少 的 字符 概括 文件 的 主旨 ,不 要 过 于 宛 长 。 
5.1.4 设置 页 面 属性 


对 于 Dreamweaver CS5 中 创建 的 每 一 页 ,都 可 以 使 用 “页 面 属性 ”对 话 框 来 指定 其 布局 
和 格式 设置 属性 。 可 以 为 所 创建 的 每 个 新 页 面 指定 新 的 页 面 属性 ,也 可 以 修改 现 有 页 面 的 
属性 。 

网 页 的 基本 属性 包括 以 下 几 个 方面 : 


1. 外 观 (CSS) 


可 指定 页 面 中 文本 的 字体 、 大 小 、 颜 色 、 背 景 颜色 、 背 景 图 像 及 重复 设置 ,以 及 页 面 上 、 
下 、 左 、 右 边 距 的 设置 ,如 图 5-3 所 示 。 


2. 外 观 (HTML) 


可 指定 背景 图 像 .背景 颜色 文本 颜色 .链接 文本 颜色 .已 访问 链接 文本 颜色 、 活 动 链接 
文本 颜色 及 页 面 上 、\ 左 边 距 和 宽度 ,高度 设置 ,如 图 5-4 所 示 。 


3. 链接 (CSS) 


可 指定 链接 文本 的 字体 大小、 链接 文本 的 颜色 ,变换 图 像 链接 文本 颜色 已 访问 链接 文 
本 颜色 、 活 动 链接 文本 颜色 及 下 划 线 样式 等 ,如 图 5-5 所 示 。 
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页 面 属性 


图 5-3 “页 面 属性 ”对 话 框 一 一 外 观 (CSS) 


] 已 访问 链接 
] 。 活动 由 接 从 ) 


边 距 宽度 ;[ 
边 距 高 度 和: [ 


图 5-4 “页 面 属性 ”对 话 框 一 一 外 观 (HTML) 


链接 ss) 


链接 字体 上) : | ( 同 页 面 字体 ? 图 BI 
大 小 人 @) = 
链接 丫 色 0): 国 交换 图 黎 链 接 Bo): 呈 [ | 
已 沪 问 尾 接 也 : 国 [， ”| 活动 链接 W): 国 [ | 
下 1 样式 UD) ;| 她 终 有 下 二 加 


5-5 “页 面 属性 ”对 话 框 一 一 链接 (CSS) 
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4. 标题 (CSS) 


可 指定 在 网 页 中 使 用 的 默认 字体 库 及 最 多 6 种 标题 标签 使 用 的 字体 大 小 和 颜色 ,如 
图 5-6 所 示 。 


标题 字体 中) | 同 页 面 字体 
标题 1 CD : = 

标题 2@2): [ 
标题 3@): 


标题 4(4); 


标题 5): | 
标题 6@): 


图 5-6 “页 面 属性 ”对 话 框 一 一 标题 (CSS) 


5. 标题 /编码 


可 指定 在 文档 窗口 和 大 多 数 浏览 器 窗口 的 标题 栏 中 出 现 的 页 面 标题 ,以 及 文档 中 字符 
所 用 的 编码 ,如 图 5-7 所 示 。 


页 面 属性 


标题 CD) : | 无 标题 文 稳 
文档 类 型 DTD): XHTML 1.0 Transitional 
编码 E); | Unicode (WTF-8) 
Unicode 标准 化 表单 是) |C (规范 分 解 ， 后 跟 规范 合成 ) | 
加 包括 Unicode 签名 GOD) (8) 


文件 文件 来 
站 点 文件 夹 : J: Vantkj\ 


图 5-7 “页 面 属 性 ?对 话 框 一 一 标题 /编码 


6. 跟踪 图 像 
可 指定 在 复制 设置 时 作为 参考 的 图 像 和 跟踪 图 像 的 透明 度 , 如 图 5-8 所 示 。 
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标题 /编码 


图 5-8 “页 面 属性 ?对 话 框 一 一 跟踪 图 像 


G2 网 页 文本 的 输入 及 属性 设置 


文本 是 网 页 设计 的 基本 元 素 , 具 有 信息 量 大 、 输 入 和 编辑 方便 、 生 成 文件 小 等 特点 ,在 
Dreamweaver CS5 中 可 以 方便 地 使 用 普通 文本 特殊 字 符 和 日 期 等 。 


5.2.1 网 页 文本 的 插入 


网 页 中 最 主要 的 对 象 就 是 文本 ,基本 上 所 有 的 网 页 都 离 不 开 文 本 ,对 文本 进行 良好 地 控 
制 和 布局 ,灵活 运用 各 种 设置 文本 格式 的 方法 是 决定 网 页 是 否 美观 和 富有 创意 的 关键 。 

1. 普通 文本 的 插入 

通常 普通 文本 的 插 和 人 方法 有 以 下 几 种 : 

(1) 直接 输入 。 

可 以 在 “文档 编辑 区 ?光标 位 置 直接 输入 文本 内 容 。 

这 里 需要 注意 : 

QO 分 段 与 换行 。 

输入 时 , 按 Enter 键 ,自动 生成 一 个 段落 , 称 为 “分 段 ”; 按 Shift 十 Enter 组 合 键 ,实现 换 
行 ,而 不 分 段 , 称 为 “换行 ”。 

@ 空格 的 输入 。 

在 默认 状态 下 ,Dreamweaver CS5 中 不 能 连续 输入 多 个 空格 ,只 能 输入 一 个 空格 。 若 
要 输入 多 个 空格 , 需 将 输入 法 提示 框 中 的 “半角 ” 改 为 “全 角 ”。 

(2) 复制 粘贴 。 

先 “ 复 制 ? 要 输入 的 内 容 , 然 后 在 Dreamweaver CS5 的 文本 编辑 区 中 “粘贴 ? 。 

(3) 导入 。 

如 果 事 先 已 准备 好 了 电子 版 文本 信息 ,如 XML、 表 格式 数据 .Word 文档 和 Excel 文档 
等 ,可 以 直接 导入 到 Dreamweaver CS5 中 。 导 人 方法 为 : 选择 “文件 ”>“ 导 入” 命令 中 的 某 
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一 项 ,从 打开 的 “导入 ”对 话 框 中 选择 需 导 入 的 文本 文件 即 可 。 


2. 特殊 字符 的 插入 


将 插入 点 定位 到 要 插入 特殊 字符 的 位 置 上 ， Er 执行 符 @ 。。 shift 输入 


选择 “插入 ”>HTMIL 一 “特殊 字符 ”命令 ,打开 级 
联 菜单 ,如 图 5-9 所 示 ,选择 要 插入 的 内 容 。 如 果 
不 够 还 可 以 选择 “其 他 字符 ”命令 ,打开 “插入 其 
他 字符 ”对 话 框 ,如 图 5-10 所 示 ,在 该 对 话 框 中 选 
择 某 一 字符 , 单 击 “确定 ”按钮 。 


3. 日 期 的 插入 


选择 “插入 ”>“ 日 期 "命令 ,打开 “插入 日 期 ” 
对 话 框 ,如 图 5-11 所 示 , 在 该 对 话 框 中 可 以 选择 


不 换行 空格 区 ) Ctrl+ShifttSpace 


版 权 C) 
注册 商标 @B) 
商标 加) 
英镑 符号 E) 
日 元 符号 加 ) 
欧元 符号 由 
左 引 号 民 ) 
有 引号 0) 
破 折线 如 
短 破 折线 0) 
其 他 字符 中 ). 


图 5-9 特殊 字符 


星期 格式 .日 期 格式 .时 间 格 式 , 如 果 ”* 储 存 时 自动 更 新 ” 复 选 框 被 选中 , 则 网 页 保存 时 插入 的 


日 期 都 自动 更 新 为 系统 当前 日 期 。 


插入 其 他 宇 符 


| 


| 


:~ |sl=|m|# |- 
il+i+tliolw|olBm|l=a|* 
les | lolm|s |o 
~|-|e|-|»|olm| |< 
alale|s|»|S|s|»|! 


图 5-10 “插入 其 他 字符 ”对 话 框 


5.2.2 网 页 文本 的 属性 设置 


;| [不 要 星期 ] 


时 间 格 式 ; 


1974 年 3 月 7| 
[03/07/1974 
3/7/74 


1974-03-07 
T/3/T4 


[不 要 时 间 ] 
口 鱼 存 时 自动 更 新 


图 5-11 “插入 日 期 "对 话 框 


在 Dreamweaver CS5 中 可 以 为 文本 设置 字体 、 大 小 、 颜 色 及 对 齐 方式 等 。 
设置 文本 属性 的 方法 如 下 : 
(1) 选 定 文本 。 若 未 选 定 文本 ,该 更 改 将 应 用 于 随后 输入 的 文本 。 
(2) 在 “属性 ”面板 中 单 击 CSS 按钮 ,如 图 5-12 所 示 。 


《> IL 目标 规则 | < 新 css 规则 > 中 


编辑 规则 面板 E) | | 大 小 G) 无 


图 5-12 文本 “属性 ?面板 


| 


™ 
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(3) 设 管 字体 、 字 号 、 颜 色 及 文本 的 对 齐 方式 。 
对 于 选中 的 文本 ,也 可 以 单 击 右键 ,在 打开 的 快捷 菜单 中 进行 文本 属性 设置 ,如 图 5-13 
所 示 。 


段落 格式 四) 
列表 四 ) 
对 齐 四 
字体 四 
样式 G@) 
Css 样式 C) 


模板 允 ) 上 
InContext Editing (I) > 
元 素 视图 gl) 》 


代码 浏览 器 C) Ctrl+ALt+H 
编辑 标签 EE) body》 . ， Shi fttF5 
插入 HTWLOD. 

创 叶 链接 (L) 

移 除 链接 &) 

打开 链接 页 面 区 ) 

目标 框架 @) » 
添加 到 有 颜色 收 蔬 @) 

也 建新 代码 片断 C) 

章 切 由 

拷贝 四 ) 

粘贴 E) Ctrlty 
选择 性 粘贴 (8)... 


为 页 面 设计 备注 QD... 
页 面 属性 0)... 


vvYvrrr 


图 5-13 文本 属性 快捷 菜单 


63 网 页 图 像 的 插入 及 属性 设置 


网 页 图 像 是 网 页 制作 中 的 重要 元 素 , 选 用 合适 的 图 像 能 够 使 网 页 更 加 美观 和 生动 。 为 
了 减 小 页 面 下载 数 据 量 ,加快 网 页 显示 速度 ,网 页 中 常用 的 图 像 文件 格式 为 GIF JPEG 和 
PNG 等 压缩 格式 ,网 页 中 的 图 像 没有 和 网 页 保存 在 一 个 同 级 文件 夹 中 ,而 是 存在 单独 的 一 
个 图 像 文件 夹 中 ,常见 的 做 法 是 将 图 像 文 件 保 存在 images 文件 夹 中 。 


1. GIF 格式 


GIF(Graphics Interchange Format, 图 像 互 换 格式 ) 是 CompuServe 公司 在 1987 年 开发 
的 图 像 文 件 格式 。GIF 文件 的 数据 是 一 种 基于 LZW 算法 的 连续 色调 的 无 损 压 缩 格式 ,其 
文件 的 扩展 名 为 . gif。 其 压缩 率 一 般 在 50% 左 右 , 它 不 属于 任何 应 用 程序 。 目 前 几乎 所 有 
相关 软件 都 支持 它 ,公共 领域 有 大 量 的 软件 在 使 用 GIF 图 像 文件 。GIF 图 像 文 件 的 数据 是 
经 过 压缩 的 ,而 且 是 采用 了 可 变 长 度 等 压缩 算法 。GIF 格式 的 另 一 个 特点 是 其 在 一 个 GIF 
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文件 中 可 以 存 多 幅 彩色 图 像 , 如 果 把 存 于 一 个 文件 中 的 多 幅 图 像 数 据 逐 幅 读 出 并 显示 到 屏 
幕 上 ,就 可 构成 一 种 最 简单 的 动画 。GIF 文件 最 多 支持 256 种 颜色 ,还 支持 透明 背景 的 
图 像 。 


2. JPEG 格式 


JPEG(Joint Photographic Experts Group ,联合 图 像 专家 组 ) 是 最 常用 的 图 像 文 件 格 
式 , 由 一 个 软件 开发 联合 会 组 织 制定 ,是 一 种 有 损 压缩 格式 ,能 够 将 图 像 压 缩 在 很 小 的 储存 
空间 ,图 像 中 重复 或 不 重要 的 资料 会 被 丢失 ,因此 容易 造成 图 像 数 据 的 损伤 。 文 件 扩 展 名 
为 .jpg 或 .jpeg,JPEG 格式 压缩 的 主要 是 高 频 信息 ,对 色彩 的 信息 保留 较 好 ,适合 应 用 于 互 
联网 ,可 减少 图 像 的 传输 时 间 ,可 以 支持 24 位 真 彩色 ,也 普遍 应 用 于 需要 连续 色调 的 图 像 。 


3. PNG 格式 


PNG(Portable Network Graphic Format , 流 式 网 络 图 形 格式 ) 是 一 种 位 图 文件 存储 格 
式 , 文 件 扩展 名 为 . png。PNG 用 来 存储 灰 度 图 像 时 , 灰 度 图 像 的 深度 可 多 到 16 位 ; 存储 彩 
色 图 像 时 ,彩色 图 像 的 深度 可 多 到 48 位 ,并 且 还 可 存储 多 到 16 位 的 a 通道 数据 。PNG 使 
用 从 LZ77 派生 的 无 损 数据 压缩 算法 。 因 为 它 的 压缩 比 高 ,生成 文件 容量 小 ,一 般 应 用 于 
Java 程序 、 网 页 中 。 


5.3.1 插入 图 像 


在 网 页 中 插入 图 像 的 方法 主要 有 
(1) 选择 “插入 ”图 像 "命令 ,打开 “选择 图 像 源 文件 ”对话 框 , 如 图 5-14 所 示 ,选择 要 
插入 的 图 像 文件 , 单 击 “ 确 定 ” 按 钮 后 可 在 插入 点 插入 该 图 像 。 


选择 图 像 源 文件 
选择 文件 名 自 : 人 文件 系统 
口 数 据 源 


查找 范围 [0) ;加 inages 


2. jpe CC 姨 1024 x 768 JPEG, 215 K 
| 图像 文件 多 gif:* jps:*.jpes;* png:# 国 

file:7/A|/ 示 例 网 站 /imagesy2. jpg 
文档 | Wntitleds 


在 站 点 定义 中 i 
要 使 用 此 选项 ,请 保存 文件 。 


图 5-14 “选择 图 像 源 文件 ”对 话 框 
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如 果 网 页 文档 还 从 未 保存 过 ,Dreamweaver 


Cs5 将 会 先 打开 提示 保存 文档 的 对 话 框 , 如 Ce 
图 5-15 所 示 , 最 好 将 网 页 文档 保存 到 自己 建立 在 您 保存 文档 之 前 将 使 用 file- 1/ 路径。 
的 站 点 中 ,否则 相关 的 路 径 信息 会 以 绝对 路 径 保 

存 。 在 网 页 的 编辑 过 程 中 建议 使 用 相对 路 径 , 这 Dan 

样 能 够 保证 网 站 移动 或 上 传 到 服务 器 后 的 完整 


人 性。 同样, 要 插入 网 页 的 图 像 也 建议 先 复制 到 访 本 
站 点 目录 下 。 如 果 插 入 的 图 像 文件 位 于 站 点 文 
件 夹 之 外 ,那么 Dreamweaver CS5 将 会 先 打开 询问 对 话 框 ,询问 是 否 将 此 文件 复制 到 站 点 
根 文件 下 ,建议 单 击 * 是 "按钮 。 

在 图 像 真 正 被 插入 到 网 页 之 前 ,还 会 打开 一 个 * 图 像 标签 辅助 功能 属性 "对 话 框 ,如 
图 5-16 所 示 , 主 要 用 来 设置 图 像 文件 的 替换 文本 , 当 图 像 无 法 显示 时 会 显示 文本 的 内 容 。 


图 从 标 签 辅助 功能 属性 


着 换 文本 : [nerry 国 
Wa: http:// | 外 


对 委 时 不 起 输入 此 信息 ， 请 更 改 “ 畏 助 功 
是 


图 5-16 “图 像 标签 辅助 功能 属性 ”对 话 框 


(2) 在 “插入 ”面板 中 选择 “常用 ”类 别 中 的 “图 像 按 钮 ,如 图 5-17 所 示 。 在 打开 的 菜单 
中 选择 “图 像 ” 按 钮 ,打开 插入 不 同类 型 的 图 像 ,如 图 5-18 所 示 。 


党 用 

电 全 名 镶 记 
起 水 平 线 

表格 

国 ”插入 Div 标签 
国 - 图 估 

移 - 媒体 


图 5-17 “插入 ?面板 图 5-18 插入 不 同类 型 的 图 像 


(3) 在 文件 面板 中 将 站 点 中 已 有 的 图 像 文件 直接 拖 动 到 网 页 编辑 窗口 中 ,同样 能 够 实 
现 将 图 像 插入 到 网 页 的 功能 。 


5.3.2 图 像 属性 设置 
1. 改变 图 像 大 小 
拖 动 图 像 上 的 三 个 控制 点 可 以 随意 改变 图 像 的 大 小 ,也 可 以 在 图 像 属 性 面板 中 ,通过 修 
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改 高 、 宽 值 来 修改 图 像 大 小 ,如 图 5-19 所 示 。 


ma 图 你 ，265K 。 宽 [366 门 源 文件 (8) inaees/16 jpe 全 局 苦涩 四 | 类 [无 "| 
和 ID 高 四 [150 ] 9 旋 疙 中 加 局 6 国史 二 

地 图 中 [ ] 委 直 边 距 四 |， ] 目标 中 边民 四 ) 寺 鸟 0 A 

[NJ] 口 口 马 水 Tw 队 思 [ 。 ] 。 原 扩 ] 国 已 缠 同 [居中 加 


图 5-19 图 像 属 性 设置 


2. 图 文 混 排 

图 像 和 文字 在 同一 行 时 ,使 用 * 属 性 ?面板 上 的 “对 齐 ” 属 性 可 设置 图 文 的 混 排 方式 。 

3. 垂直 边 距 和 水 平 边 距 

垂直 边 距 和 水 平 边 距 设 置 图 像 与 周围 文字 的 距离 ,以 像素 为 单位 。 

4. 图 像 边框 

在 边框 栏 输入 一 个 数字 可 以 设置 图 像 的 边框 ,默认 的 边框 值 为 0, 边 框 线 的 颜色 不 能 更 
改 。 通 常 将 边框 值 设 为 1, 可 以 美化 图 像 。 

5. 图 像 的 品质 设置 


单 击 图 像 属性 面板 中 的 图像 编辑 设置 "按钮 斋 ,打开 “图 像 预览 ”对 话 框 ,如 图 5-20 所 
示 , 可 以 对 图 像 的 格式 、 品 质 等 进行 基本 设置 


[ER 文件] 加 王 EEE 
百 万 种 颜色 


格式 : |JPEG ol 
品质 ; [s8 ] | 


平滑 ; | 无 平滑 


口 渐进 式 浏览 器 显示 
锐 化 颜色 边缘 


册 除 未 使 用 颜色 


NA 坪 尽 [lmx 国 | 回 加 上 田 


[到 ] 已 驼 | 


图 5-20 “图 像 预览 ”对话 框 
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6. 调整 图 像 的 亮度 和 对 比 度 


在 图 像 的 属性 面板 中 单 击 击 天 按钮 ,打开 “亮度 /对 比 度 ” 对 
话 框 ,如 图 5-21 所 示 , 通 过 调整 图 像 的 亮度 和 对 比 度 能 够 修正 
过 亮 或 过 暗 的 图 像 。 当 调整 了 亮度 和 对 比 度 并 确认 后 ,硬盘 上 
保存 的 源 图 像 文件 也 会 相应 的 永久 性 改变 ,所 以 建议 在 调整 前 
先 备 份 图 像 文 件 。 但 可 以 通过 选择 “编辑 ”撤销 ”命令 取消 刚 
刚 的 图 像 修改 操作 。 


图 5-21 “亮度 /对 比 度 ” 
对 话 框 


7. 锐 化 图 像 


锐 化 图 像 能 够 增加 图 像 边缘 的 像素 对 比 度 , 从 而 增加 图 像 的 清晰 度 。 单 击 图 像 的 属性 
面板 中 的 曾 上 按钮 ,打开 * 锐 化 ?对 话 框 ,如 图 5-22 所 示 。 调 整 对 话 框 中 的 锐 化 程度 ,选中 * 预 
览 ? 复 选 框 ,可 以 随时 查看 调整 后 的 图 像 效 果 。 当 调整 了 锐 化 度 并 确认 后 ,硬盘 上 保存 的 源 
图 像 文件 也 会 相应 的 永久 性 改变 ,所 以 建议 在 调整 前 先 备 份 图 像 文件 。 但 可 以 通过 选择 “ 编 
辑 ” 盖 撤销 ”命令 取消 刚刚 的 图 像 修改 操作 。 


8. 裁剪 图 像 


在 图 像 的 属性 面板 中 单 击 玛 由 按钮 ,打开 警告 对 话 框 ,如 图 5-23 所 示 。 


记 栖 助 t | 口 不 要 再 显示 该 消息 四)。 
可 预览 CC 到 本 
图 5-22 “ 锐 化 "对话 框 图 5-23 警告 对 话 框 
单 击 “ 确 定 ” 按 钮 ,图 像 的 周围 会 出 现 裁剪 控制 点 ,如 图 5-24 所 示 。 可 以 调整 裁剪 控制 


点 ,直到 边界 框 包含 的 图 像 区 域 符合 要 求 ,在 图 像 上 双击 以 确认 裁剪 。 裁 剪 后 会 改变 图 像 的 
尺寸 ,硬盘 上 保存 的 源 图 像 文件 也 会 相应 的 永久 性 改变 ,所 以 建议 在 调整 前 先 备份 图 像 文 
件 。 但 可 以 通过 选择 “编辑 ”撤销 ”命令 取消 刚刚 的 图 像 修 改 操作 。 


图 5-24 出 现 裁剪 控制 点 的 图 像 
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5.3.3 鼠标 经 过 图 像 


鼠标 经 过 图 像 是 指 在 浏览 器 中 查看 网 页 时 , 当 鼠 标 指针 移 过 图 像 时 会 发 生 图 像 变 化 。 
操作 步 又: 
(1) 准备 两 张 图 像 2.jpg 和 8.jpg, 如 图 5-25 所 示 。 


(b) 8jpg 
图 5-25 ”准备 的 图 像 
(2) 定位 好 插入 点 后 ,选择 “插入 ”一 “图 像 对 象 * 一 “鼠标 经 过 图 像 ” 命 令 , 打 开 “ 插 入 鼠 
标 经 过 图 像 ” 对 话 框 ,如 图 5-26 所 示 , 分 别 设置 原始 图 像 (2. jpg)、 鼠 标 经 过 图 像 (8. jpg) 和 替 
换文 本 等 , 单 击 “ 确 定 ” 按 钮 。 


插入 鼠标 经 过 图 像 


:|Inage2 


inages/2. jpg 


: linages/8. jpg 


预 眶 展 标 经 过 图 像 


: [nerryl 


图 5-26 “插入 鼠标 经 过 图 像 对 话 框 
(3) 网 页 保存 后 ,选择 "文件 ”在 浏览 器 中 预览 "命令 ,在 指定 浏览 器 上 查看 鼠标 经 过 
时 图 像 的 切换 效果 。 
(6.4 网 页 音 、 视 频 的 插入 及 属性 设置 
在 网 页 中 搬入 音 、 视 频 ,可 以 为 网 页 增色 ,使 网 页 内 容 更 直观 更 生动 。 
5.4.1 网 页 中 插入 音频 


在 网 页 中 经 常 使 用 的 音频 格式 有 : 
。 MIDI 格式 (扩展 名 为 mid) : 只 能 保存 乐器 的 声音 ,不 能 录 其 他 声音 ,文件 超 小 ,一 般 
用 于 背景 音乐 。 
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RealRudio 格式 (扩展 名 为 rm 或 ram) : Real 公司 的 专用 声音 格式 ,压缩 率 较 高 ,以 
前 网 上 较 流 行 。 
WMA 格式 (扩展 名 为 wma) : 微软 专用 的 声音 格式 ,可 用 Windows Media Player 播 
放 , 压 缩 率 较 高 。 
MP3 格式 (扩展 名 为 mp3) : 压缩 率 较 高 ,网 上 很 流行 。 
WAVE 格式 (扩展 名 为 wav) : 未 压缩 的 声音 格式 ,文件 体积 与 声音 采样 频率 有 关 ， 
一 般 文件 都 很 大 。 
SWA 格式 (扩展 名 为 swa) : 是 一 种 高 压缩 率 的 音频 文件 ,与 波形 文件 的 压缩 比例 一 
般 为 24 : 1, 比 MP3 还 高 出 许多 。 

其 中 ,MP3、SWA 和 RealRudio 等 格式 压缩 程度 高 ,并 且 以 流 的 方式 传输 和 下 载 ,这 样 
网 站 访问 者 在 文件 完全 下 载 之 前 就 能 先 听 到 声音 。 由 于 音频 文件 的 格式 和 类 型 较 多 ,也 不 
完全 相同 ,因此 在 将 声音 添加 到 网 页 上 时 要 考虑 到 声音 文件 的 大 小 、 声 音 的 品质 和 不 同 浏览 
器 的 差别 等 。 

在 网 页 中 插入 音频 的 方式 主要 有 如 下 几 种 。 


1. 链接 音频 文件 


链接 音频 文件 是 简单 而 有 效 的 方法 ,在 这 种 方式 下 ,网 站 访问 者 能 够 选择 是 否 收听 音频 
光村 

链接 音频 文件 的 步 又: 首先 选中 用 作 指 向 音频 文件 链接 的 文本 或 图 像 , 在 其 属性 面板 
中 进行 设置 ,如 图 5-27 所 示 。 单 击 “ 链 接 ” 文 本 框 后面 的 “浏览 文件 ”按钮 加 ,打开 “选择 文 
件 ” 对 话 框 ,如 图 5-28 所 示 , 选 择 需要 加 载 的 音频 文件 , 单 击 “ 确 定 ” 按 钮 ,设置 完成 。 选 择 
“文件 ”一 "在 浏览 器 中 预览 "命令 ,试听 音频 效果 。 


图 像 ，80K 。 宽 电 ) 243 门 禄 文件 @) [第 2 重 / 素 村 /2-26 Jp 的 局 普 换 加 D) 加 


商 虽 [02 TREE 中 已 区 国 六 已 


目标 wD NBOA 
原 好 [TENJET 图 


图 5-27 链接 音频 文件 


选择 文件 名 自 : 
8 总 村 和 


查找 范围 C9): | 四 weias 司 
网 世界 真美 好 .np3 


;| 所 有 文件 t.#) 


meiaay 
文档 | index. htnl 
在 站 点 定义 中 更 改 默 认 的 赃 接 相对 于 


图 5-28 “选择 文件 ”对 话 框 
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2. 嵌入 音频 文件 


嵌入 音频 文件 可 以 将 声音 直接 集成 到 页 面 中 ,可 以 在 页 面 上 控制 播放 器 外 观 、 声 音 的 开 
始点 和 结束 点 声音 的 质量 等 。 但 访问 者 需要 具有 所 选 声音 文件 的 适当 插件 ,声音 才 可 以 正 
常 播放 。 常 用 的 插件 主要 有 QuickTime、Windows Media Player 和 RealPlayer 等 。 

嵌入 音频 文件 的 步骤 : 先 将 搬入 点 定位 到 要 岩 入 文件 的 位 置 ,选择 “插入 ”一 “ 媒 

”插件 ”命令 ,打开 * 选 择 文件 ?对 话 框 ,如 图 5-28 所 示 ,选择 要 插入 的 声音 文件 , 单 击 
“确定 ”按钮 , 即 插入 一 个 插件 占 位 符 齐 |, 可 以 调整 该 插件 占 位 符 的 大 小 ,以 调整 播放 器 
的 大 小 。 

选中 该 插件 ,在 插件 的 属性 面板 中 可 以 进行 多 种 参数 的 设置 ,如 图 5-29 所 示 。 


属性 
小” 插件 宽 加 32 | 源 文 件 全 |。eids/ 世界 真美 好 .mp3 | 已) 对齐 罗 |[ 欢 认 值 问 类 @| 无 加 
bd 高 如 [52 ”| 插件 VRL GE) © ET] 

委 直 边 距 0 边框 

水 平 边 距 C) [又 


图 5-29 插件 的 属性 面板 


在 插件 的 属性 面板 中 ,除了 可 以 设置 常规 的 宽度 和 高 度 、 垂 直 和 水 平 边 距 、 对 齐 方式 \ 源 
文件 的 位 置 等 参数 外 ,还 有 插件 特有 的 一 些 属性 : 

。“ 插 件 ” 文 本 框 : 输入 插件 的 名 称 ,以 便 脚 本 识别 这 些 动作 。 

。“ 插 件 URL" 文 本 框 : 指定 插件 URL 的 属性 ,输入 可 以 下 载 的 插件 在 网 站 中 的 具体 
位 置 。 如 果 在 网 页 中 没有 插件 ,浏览 器 会 尝试 从 URL 下 载 。 

。“ 边 框 "文本 框 : 指定 环绕 插件 的 边框 的 宽度 。 

。 单 击 “参数 "按钮 ,可 以 打开 参数 对 话 框 , 其 中 AUTOSTART 二 TRUE 可 以 实现 自 
动 播放 ,一 旦 加 载 声音 文件 就 开始 播放 ; LOOP 二 TRUE 可 以 实现 无 限 次 循环 播放 ， 
声音 文件 在 打开 网 页 后 重复 播放 ; HIDDEN 二 TRUE 可 以 隐藏 音频 文件 的 控制 面 
板 等 。 


3. 给 网 页 添加 背景 音乐 


可 以 通过 插入 HTML 标记 的 方式 来 插入 音频 ,以 实现 给 网 页 添加 背景 音乐 的 功能 ,网 
页 的 界面 上 不 需要 看 到 插件 或 链接 。 

插入 背景 音乐 的 方法 主要 有 如 下 儿 种 : 

(1) 代码 设置 法 。 

切换 到 “代码 ”视图 ,在 HTML 文档 中 的 一 head 与 一 /head> 或 二 body> 与 一 /body>> 之 
间 添 加 一 行 代码 : 

<bgsound src= "声音 文件 " loop =" -1"/> 

“音乐 文件 " 需 带 有 路 径 ,如 ， 

< bgsound src = "sounds\wacdwaj. mp3" loop = "一 1"/> 


loop 的 值 是 音乐 循环 的 次 数 ,可 设置 为 任意 正 整 数 。 设 为 一 1 则 音乐 将 永远 循环 播放 。 
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(2) 插入 插件 法 。 

Q@ 在 “设计 ”视图 选择 插入” 一“ 布局 对 象 "~AP Div 命令 ,插入 一 个 “ 层 ” 对 象 。 

@ 将 光标 置 于 “ 层 ” 内 部 ,选择 “插入 ”一 “媒体 >“ 插件" 命令 ,打开 “选择 文件 ”对 话 框 ， 
选中 所 需 的 声音 文件 , 单 击 “ 确 定 ” 按 钮 插入 控件 。 

@ 选中 “ 层 ”, 在 AP Div 属性 面板 设置 “ 层 " 的 “可 见 性 ?为 hidden, 使 所 插入 的 插件 不 
可 见 。 


5.4.2 网 页 中 插入 视频 


在 网 页 中 插入 视频 ,可 以 通过 不 同方 式 和 使 用 不 同 格式 实现 ,视频 可 以 被 下 载 给 访问 
者 ,或 者 进行 流 式 处 理 , 以 便 在 下 载 的 同时 播放 。 

Dreamweaver CS5 支持 的 视频 文件 主要 有 WMV、RM/RMVB、ASF 和 FLV 等 。 

。 WMV(Windows Media Video) 。WMV 格式 是 Microsoft 公司 开发 的 在 Internet 上 
实时 传播 多 媒体 的 一 种 技术 标准 。 主 要 优点 : 支持 本 地 或 网 络 播放 ; 采用 流 媒体 形 
式 , 从 而 实现 影像 数据 的 实时 传送 和 实时 播放 ,压缩 率 高 .影像 图 像 的 质量 较 好 , 目 
前 在 网 络 在 线 视 频 中 广泛 使 用 。 使 用 Windows Media Player 即 可 播放 。 
RM/RMVB(Real Media)。RM/RMYVB 格式 是 RealNetworks 公司 开发 的 一 种 新 
型 流 式 视频 文件 格式 。 主 要 优点 : 压缩 率 更 高 .可 以 根据 网 络 数 据 传输 速率 的 不 同 
而 采用 不 同 的 压缩 比率 ,从 而 实现 影像 数据 的 实时 传送 和 实时 播放 ,目前 广泛 应 用 
在 低速 率 网 络 上 实时 传输 活动 视频 影像 。 需 要 使 用 RealPlayer 等 播放 器 播放 。 
ASF(Advanced Streaming Format)。ASF 格式 是 微软 公司 推出 的 高 级 流 媒体 格 
式 , 是 微软 为 了 和 现在 的 Realplayer 竞争 而 发 展 出 来 的 一 种 可 以 直接 在 网 上 观看 视 
频 节目 的 文件 压缩 格式 。 主 要 优点 : 本 地 或 网 络 回放 、 可 扩充 的 媒体 类 型 .压缩 率 
和 图 像 的 质量 较 高 。 使 用 Windows Media Player 等 播放 器 播放 。 

FLV。FLYV 格式 是 一 种 Flash 格式 的 视频 文件 ,用 于 通过 Flash Player 传送 与 播 
放 。FLYV 格式 文件 包含 经 过 编码 的 音频 和 视频 数据 。 主 要 优点 : 压缩 率 和 图 像 的 
质量 较 高 ,可 以 直接 在 网 上 观看 ,是 目前 网 络 上 最 为 流行 的 视频 文件 格式 。 

在 网 页 中 插 和 人 视频 的 方式 主要 有 如 下 几 种 : 


1. 链接 视频 文件 


在 网 页 中 链接 的 视频 文件 可 以 使 用 本 地 视频 文件 ,上 传 网 页 时 将 视频 文件 一 起 上 传 ,只 
要 访问 者 的 计算 机 能 够 识别 这 种 视频 文件 的 类 型 ,并 有 相应 的 应 用 程序 或 插件 可 以 处 理 该 
视频 文件 ,浏览 器 就 可 以 播放 该 文件 。 如 果 不 能 识别 此 文件 类 型 ,并且 没有 相应 的 应 用 程序 
或 插件 来 处 理 视频 ,将 打开 一 个 对 话 框 ,可 以 从 中 选择 用 来 播放 的 应 用 程序 ,或 将 其 下 载 
保存 。 

链接 视频 文件 的 步 又: 先 选 中 网 页 中 将 要 链接 到 视频 的 文字 或 图 像 , 在 其 属性 面板 中 
进行 设置 ,如 图 5-30 所 示 。 单 击 “ 链 接 " 文 本 框 后 面 的 “浏览 文件 ”按钮 国 | ,打开 “选择 文 
件 ” 对 话 框 ,选择 需要 加 载 的 视频 文件 , 单 击 “确定 ”按钮 ,设置 完成 。 选 择 “ 文 件 ”>“ 在 浏览 
器 中 预览 ”命令 ,预览 视频 效果 。 


. 
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属性 


改称 ，s0K 。 宽 如 [243 | 源 文件 人 G) [第 > 章 /过 村 /2-26 jpa @ 已 普 执 中 | 加 类 @ | 无 E 
Ee 高 虽 [182 | 久 接 加 |ei4y 议 局 主 v 晤 口 上 国史 二 

地 图 如 垂直 过 中 四 [ ] 。 目标 四 ) a ww | 寺 BOA 

[RN] DDOV wT ] ” 夺 图 已 的 [由 UV 全 回 


图 5-30 ”链接 视频 文件 的 属性 面板 


2. 嵌入 视频 文件 


在 网 页 中 赔 入 视频 是 指 可 以 在 浏览 器 中 播放 的 视频 文件 ,如 QuickTime 与 RealVideo 
等 格式 的 文件 。 将 视频 文件 嵌入 页 面 时 ,可 以 在 代码 视图 中 利用 HTML 语言 提供 的 
二 embed 之 和 过 object 之 标签 进行 设置 。 
当 要 欣 入 的 是 本 地 视频 文件 时 ,在 代码 视图 中 加 入 二 embed 二 标签 ,并 设置 好 对 应 的 
src 内 容 , 其 中 的 HEIGHT 和 WIDTH 值 可 以 分 别 设 置 网 页 中 显示 视频 界面 的 高 度 和 
宽度 。 
以 嵌入 wmv 文件 为 例 : 
<object> 
< embed src = meida/V13 — 2.wmv style = "HEIGHT: 245px; 
WIDTH: 390px" type = audio/mpeg RUTOSTRRT = "1" loop= "0"> 
</embed> 
</object > 


保存 后 ,预览 效果 如 图 5-31 所 示 。 


SO xen sn 
文件 四 篇 辑 双 ) 查看 WW | 收 训 天 WW) 工具 QD 和 助 了 


宽 收藏 天 | 名 无 标题 文档 (ly 
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5.4.3 属性 设置 


在 网 页 中 ,可 以 通过 相关 属性 来 设置 媒体 播放 器 的 外 观 界面 ,控制 媒体 播放 器 的 哪些 部 
分 出 现 , 哪 些 部 分 不 出 现 。 
有 关 媒 体 播放 器 包含 元 素 的 简要 说 明 : 
。 Video Display Panel: 视频 显示 面板 。 
。 Video Border: 视频 边框 。 
Closed Captioning Display Panel: 字幕 显示 面板 。 
Track Bar; 搜索 栏 。 
Control Bar with Audio and Position Controls: 带 有 声音 和 位 置 控制 的 控制 栏 。 
Go To Bar: 转 到 栏 。 
Display Panel: 显示 面板 。 
。 Status Bar: 状态 栏 。 
有 关 用 来 决定 显示 哪 一 个 元 素 的 属性 : 
。 ShowControls 属性 : 是 否 显示 控制 栏 (包括 播放 控件 及 可 选 的 声音 和 位 置 控件 ) 。 
。 ShowAudioControls 属性 : 是 否 在 控制 栏 显 示 声 音 控 件 (静音 按钮 和 音量 滑 块 ) 。 
。 ShowPositionControls 属性 : 是 否 在 控制 栏 显示 位 置 控件 (包括 向 后 跳 进 、 快 退 、 快 
进 、 向 前 跳 进 .预览 播放 列表 中 的 每 个 剪辑 ) 。 
ShowTracker 属性 : 是 否 显示 搜索 栏 。 
。 ShowDisplay 属性 : 是 否 显示 显示 面板 (用 来 提供 节目 与 剪辑 的 信息 ) 。 
。 ShowCaptioning 属性 : 是 否 显示 字幕 显示 面板 。 
ShowGotoBar 属性 : 是 否 显示 转 到 栏 。 
。 ShowStatusBar 属性 : 是 否 显 示 状 态 栏 。 
剪辑 信息 可 以 放 在 媒体 文件 中 ,也 可 以 放 在 Windows 媒体 元 文件 中 ,或 者 两 者 都 放 。 
如 果 在 元 文件 中 指定 了 剪辑 信息 ,那么 用 GetMediaInfoString 方法 返回 的 就 是 元 文件 中 的 
信息 ,而 不 会 返回 剪辑 中 包含 的 信息 。 在 元 文件 中 ,附加 信息 可 以 放置 在 每 一 个 剪辑 或 节目 
的 PARAM 标签 中 。 可 以 为 每 个 剪辑 添加 任意 多 个 PARAM 标签 ,用 来 存储 自 定义 的 信息 
或 链接 到 相关 站 点 。 在 PARAM 标签 中 的 信息 可 以 通过 GetMediaParameter 方法 来 访问 。 
有 关 返 回 有 关 大 小 和 时 间 信 息 的 属性 : 
。 ImageSourceHeight、ImageSourceWidth: 返回 图 像 窗口 的 显示 尺寸 。 
。 Duration: 返回 前 辑 的 长 度 ( 秒 ), 要 检测 这 个 属性 是 否 包含 有 效 的 数值 ,请 检查 
IsDurationValid 属性 (对 于 广播 的 视频 ,其 长 度 是 不 可 预知 的 )。 
有 关 媒 体 播放 器 提供 访问 播放 列表 中 剪辑 的 方法 : 
。 Next 方 法 : 跳 到 节目 (播放 列表 ) 中 的 下 一 个 剪辑 。 
。 Previous 方法 : 跳 回 到 节目 中 的 上 一 个 剪辑 。 
媒体 播放 器 的 一 个 特性 是 能 够 预览 节目 中 的 每 一 个 剪辑 : 
。 PreviewMode 属性 : 决定 媒体 播放 器 当前 是 否 处 于 预览 模式 。 
。 CanPreview 属性 : 决定 媒体 播放 器 能 否 处 于 预览 模式 。 
在 Windows 媒体 元 文件 中 ,可 以 为 每 一 个 剪辑 指定 预览 时 间 


Previewduration。 如 
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果 没 有 指定 ,那么 默认 的 预览 时 间 是 10s。 也 可 以 用 Windows 媒体 元 文件 来 添加 
watermarks 与 banners, 元 文件 也 支持 插入 广告 时 的 无 间隙 流 切 换 。 

可 以 用 . smi 文件 来 为 节目 添加 字幕 。 

媒体 播放 器 支持 下 面 的 属性 来 处 理 字幕 

。 SAMIFileName 属性 : 指定 . smi 文件 的 名 字 。 

。 SAMILang 属性 : 指定 字幕 的 语言 (如 果 没 有 指定 则 使 用 第 一 种 语言 ) 。 

。 SAMIStyle 属性 : 指定 字幕 的 文字 大 小 和 样式 。 

。 ShowCaptioning 属性 : 决定 是 否 显示 字幕 显示 面板 等 。 


65 网 页 Flash 对 象 的 插入 及 属性 


5.5.1 插入 Flash 动画 及 属性 设置 


Flash 是 由 macromedia 公司 推出 的 交互 式 矢 量 图 和 Web 动画 的 标准 ,由 Adobe 公司 
收购 。 网 页 设计 者 使 用 Flash 创作 出 既 漂 亮 又 可 改变 尺寸 的 导航 界面 及 其 他 奇特 的 效果 ， 
目前 已 成 为 互联 网 上 矢量 动画 的 事实 标准 。 由 于 HTML( 超 文本 标记 语言 ) 的 功能 十 分 有 
限 ,无 法 达到 人 们 的 预期 设计 ,以 实现 令 人 耳目 一 新 的 动态 效果 ,在 这 种 情况 下 ,各 种 脚本 语 
言 应 运 而 生 , 使 得 网 页 设计 更 加 多 样 化 。 然 而 ,程序 设计 总 是 不 能 很 好 地 普及 ,因为 它 要 求 
一 定 的 编程 能 力 , 而 人 们 更 需要 一 种 既 简 单 直 观 又 有 功能 强大 的 动画 设计 工具 ,而 Flash 的 
出 现 正好 满足 了 这 种 需求 。Flash 特别 适用 于 创建 通过 Internet 提供 的 内 容 , 因 为 它 的 文件 
非常 小 。 由 于 Flash 动画 具有 短小 精 悍 的 特点 ,因此 被 广泛 应 用 于 网 页 动画 的 设计 中 。 


1. 插入 Flash 动画 


插入 的 Flash 动画 文件 扩展 名 为 swf, 由 于 Dreamweaver 与 Flash 无 颖 集成 ,可 以 在 任 
何 文档 窗口 中 轻松 地 插入 和 预览 swf 文件 。 

操作 步骤 : 选择 "插入 ”媒体 ”一 SWF 命令 ,打开 “选择 SWF” 对 话 框 ,如 图 5-32 所 
示 。 选 择 要 插入 的 SWF 文件 , 单 击 “ 确 定 ” 按 钮 后 ,打开 “复制 相关 文件 ”对 话 框 ,如 图 5-33 
所 示 。 复 制 相关 文件 到 本 地 站 点 , 当 向 服务 器 上 传 站 点 时 同时 上 传 这 两 个 文件 ,以 保证 相应 
的 对 象 或 行为 能 够 正常 运行 。 

单 击 “ 确 定 ” 按 钮 后 ,就 将 选 定 的 Flash 动画 插入 到 了 网 页 文档 中 。 如 果 文 件 不 在 站 点 
根 文件 夹 中 ,将 会 提示 是 否 将 文件 复制 到 站 点 文件 夹 中 。 


2. 属性 设置 


在 设计 视图 的 窗口 中 选中 插入 的 Flash 动画 ,其 “属性 ”面板 如 图 5-34 所 示 。 
。 名称: 为 脚本 程序 指定 影片 的 名 称 。 

。 宽 和 高 : 指定 影片 的 宽度 和 高 度 (单位 为 “像素 ”) 。 

。 文件 : 指定 Flash 影片 文件 的 路 径 。 

。 背景 颜色 : 为 影片 指定 背景 颜色 。 

。 编辑 : 启动 Flash 软件 编辑 并 更 新 当前 所 选择 的 Flash 影片 。 
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VE 


选择 文件 名 自 : @O 文件 系统 
〇 数据 源 


查找 范围 加 :| 局 ) neids 
Chess = 


文件 名 加 : |body swf 
交 件 类 型 加。 |SWF 文件 (*. swf) 


[meiaa/body. swvf 


ARL: 
相对 于 ; | 文档 | index. htnl 


在 站 点 定义 中 更 改 默认 的 链接 相对 于 


5-32 插入 swf 动画 


bo 2 汪 县 抽 于 铺 的 辣 nexaakwss wohaouaa6y 


Seripts/expressInstall swf 
Seripts/swfobject_modified js 


图 5-33 “复制 相关 文件 ”对 话 框 


I# Soo oan JSUEGISRREGIEI [ei =| 
um “Go TE 
名 短 环 吕 。。 直 直 过 距 oD | 。 | 。 品质 Q) 证 了 | 入 风 [wu 人 。 | Im 揪 几 


厂 和 动 生 几 UW) 水 平 过 吧 | | 比例) 区 凡人 而 示 “| Wwede 旭 | 款 过 胃 。 > 一 才 娄 


图 5-34 Flash 动画 的 “属性 ”面板 
。 循环 : 选中 该 选项 ,影片 将 连续 播放 ; 若 未 选中 该 选项 , 则 影片 在 播放 一 次 后 即 停止 
播放 。 
自动 播放 : 选中 该 选项 , 则 在 加 载 页 面 时 自动 播放 影片 。 
垂直 边 距 和 水 平 边 距 : 指定 影片 上 、 下 、 左 、 右 空白 的 像素 数 。 
。 品质 : 用 于 控制 影片 播放 时 的 抗 失真 程度 。 
。 对 齐 : 指定 Flash 影片 在 页 面 上 的 对 齐 方 式 。 
。 比例 : 指定 Flash 影片 在 页 面 上 的 显示 比例 。 
Wmode: 指定 Flash 影片 在 页 面 上 显示 透明 与 否 。 
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。 参数 : 打开 参数 对 话 框 ,用 于 输入 传递 给 影片 的 附加 参数 。 

要 在 浏览 器 中 查看 Flash 动画 ,必须 在 浏览 器 中 集成 Flash 播放 器 ,高 版 本 的 Netscape 
Navigator 和 Internet Explorer 中 都 已 内 置 了 Flash 动画 播放 器 。 

所 有 属性 设置 完毕 后 ,保存 网 页 ,在 不 同 浏览 器 中 预览 ,观看 动画 效果 。 


5.5.2 插入 FLV 文件 


FLYV 流 媒 体格 式 是 随 着 Flash MX 的 推出 发 展 而 来 的 视频 格式 。 由 于 它 形成 的 文件 极 
小 、 加 载 速 度 极 快 ,使 得 网 络 观看 视频 文件 成 为 可 能 。 许 多 在 线 视频 网 站 都 采用 此 视频 格 
式 , 如 搜狐 视频 、 新 浪 播 客 , 优 酷 和 土豆 等 。FLV 已 经 成 为 当前 视频 文件 的 主流 格式 。FLV 
是 一 种 全 新 的 流 媒 体 视频 格式 , 它 利 用 了 网 页 上 广泛 使 用 的 Flash Player 平 台 ,将 视频 整合 
到 Flash 动画 中 。 也 就 是 说 ,网 站 的 访问 者 只 要 能 看 Flash 动画 ,自然 也 能 看 FLV 格式 视 
频 , 而 无 需 再 额外 安装 其 他 视频 插件 ,FLYV 视频 的 使 用 给 视频 传播 带 来 了 极 大 便利 。 

操作 步骤 : 选择 “插入 ”一 “媒体 ”一 FLYV 命令 ,打开 “插入 FLV” 对 话 框 ,如 图 5-35 
所 示 。 


: | 累进 式 下 载 视频 


: meiday 儿歌 动画 . wv 
(输入 FLY 文件 的 相对 或 绝对 路 径 ? 


:|Clear Skin 1 (最 小 宽度 :140) 


= il 只 


: Bz0 |] 回 限制 高 宽 比 
: E46。 | 包括 外 观 : 320x246 

口 自动 播放 

口 自动 重新 播放 


@® 要 观看 视频 ,请 在 浏览 器 中 预览 页 面 。 


5-35 插入 FLV 文 件 


单 击 * 浏 览 ?按钮 ,在 打开 的 对 话 框 中 选择 要 插入 的 FLYV 文件 。 单 击 “ 检 测 大 小 ”按钮 ， 
自动 检测 出 宽度 和 高 度 。 

“视频 类 型 "可 分 为 “累进 式 下 载 视频 ”和 “ 流 视频 ”两 种 。 

“累进 式 下 载 视频 ?是 将 Flash 视频 (FLV) 文 件 下 载 到 站 点 访问 者 的 硬盘 上 ,然后 播放 。 
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但 是 与 传统 的 “下 载 并 播放 ?视频 传送 方法 不 同 , 累 进 式 下 载 允许 在 下 载 完 成 之 前 就 开始 播 
放 视 频 文件 ,在 浏览 器 接收 到 第 一 段 视 频 期 间 ,在 短暂 的 延迟 之 后 就 会 播放 视频 ,在 播放 期 
间 将 继续 下 载 视 频 , 累 进 式 下 载 FLV 文件 可 以 宿主 在 任何 标准 的 Web 服务 器 上 。 

“ 流 视频 ”是 对 Flash 视频 内 容 进行 流 式 处 理 ,并 在 一 段 可 确保 流畅 播放 的 很 短 的 缓冲 
时 间 后 ,在 Web 页 面 上 播放 该 内 容 , 并 且 提 供 了 超过 累进 式 下 载 的 优点 (如 搜寻 能 力 ), 这 意 
味 着 视频 播放 头 可 以 移 到 任意 位 置 ,并 在 那个 位 置 立即 开始 播放 。 不 过 , 流 式 FLV 文件 必 
须 宿主 在 使 用 Flash Media Server 的 Web 主机 上 。 

FLYV 文件 不 能 像 SWF 文件 那样 不 需要 浏览 器 就 可 以 在 设计 视图 中 直接 播放 预览 动画 
效果 ,FLYV 文件 插入 到 网 页 后 ,需要 保存 后 用 浏览 器 或 在 实时 视图 中 才能 预览 页 面 动画 效 
果 。 选 中 设计 视图 中 的 FLV 文件 后 ,可 以 在 其 属性 面板 中 进行 相应 设置 。 


6.6 网 页 其 他 多 媒体 元 素 和 第 三 方 插件 的 插入 


5.6.1 插入 Shockwave 影片 


Shockwave 是 用 于 在 网 页 中 播放 的 由 Adobe 公司 的 Director Shockwave Studio 软件 
制作 的 多 媒体 电影 。Shockwave 是 一 种 网 上 媒体 交互 压缩 格式 的 标准 ,用 该 标准 生成 的 压 
缩 文件 可 在 Internet 上 快速 下 载 。Shockwave 是 一 种 流 式 播放 技术 而 不 是 一 种 文件 格式 ， 
使 用 这 种 技术 在 不 同 的 软件 上 可 以 制作 出 符合 Shockwave 标准 的 文件 ,如 . swf 和 . dcr 
文件 。 

目前 主流 浏览 器 都 支持 Shockwave 影片 ,插入 Shockwave 影片 的 方式 与 插入 FLYV 文 
件 类 似 。 


5.6.2 插入 Java Applet 


Java Applet 是 在 Java 基础 上 演变 而 成 的 小 应 用 程序 , 它 可 以 戏 入 到 网 页 中 来 执行 一 
定 的 任务 ,具有 跨 平台 特性 , 它 能 实现 动态 、 安 全 和 跨 平台 的 网 络 应 用 。 将 Java Applet 能 入 
到 HTML 语言 中 ,能 实现 网 页 中 各 种 各 样 的 特殊 效果 和 较为 复杂 的 控制 ,例如 飘动 的 雪 
花 \ 流 动 的 文字 等 。 运 行 Java Applet 的 前 提 是 浏览 器 中 安装 了 JVM 虚拟 机 。 


5.6.3 插入 ActiveX 控件 


ActiveX 控件 的 功能 类 似 于 浏览 器 插件 的 可 复 用 组 件 , 是 Microsoft 对 浏览 器 的 能 力 扩 
展 , 是 宽松 定义 的 、 基 于 COM 的 技术 组 合 。ActiveX 控件 在 Windows 系统 上 的 Internet 
Explorer 中 运行 ,但 不 能 在 Macintosh 系统 上 或 Netscape Navigator 中 运行 。 


5.6.4 插入 插件 


如 果 想 在 浏览 器 中 访问 更 多 类 型 的 媒体 对 象 (如 Shockwave 影片 和 MIDI 音乐 等 ), 就 
必须 借助 插件 ,利用 插入 插件 功能 可 以 在 网 页 中 插入 各 种 类 型 的 媒体 元 素 , 如 视频 文件 、 音 
乐 文件 和 动画 文件 等 ,前 面 介绍 的 Shockwave 就 是 插件 中 的 一 员 。 利 用 插件 功能 还 可 以 将 
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电台 节目 插入 到 网 页 中 ,使 网 页 具有 在 线 收音 机 的 功能 。 要 实现 相应 功能 ,用 户 的 计算 机 中 
必须 安装 相应 的 插件 才能 正常 浏览 这 些 文件 的 内 容 。 


5.6.5 插入 HTML 对 象 


HTML 对 象 主要 包括 水 平 线 .框架 、 文 本 对 象 、 脚 本 对 象 和 文件 头 标签 等 。 
操作 步骤 : 选择 “插入 ”~HTML 中 的 “水 平 线 、 框 架 、 文 本 对 象 、 脚 本 对 象 或 文件 头 标 ” 
等 命令 , 即 可 插入 “水 平 线 ,框架 ,文本 对 象 脚 本 对 象 或 文件 头 标 "等 HTML 对 象 。 


网 页 布局 是 指 当 网 站 结构 确定 之 后 ,为 了 满足 栏目 设置 的 要 求 , 需 要 进行 的 网 页 模板 规 
划 。 网 页 布局 对 改善 网 站 的 外 观 非常 重要 。 网 页 布局 主要 包括 网 页 结构 定位 方式 、 网 站 菜 
单 和 导航 的 设置 、 网 页 元 素 的 扎 放 位 置 等 。 通 常 ,网 页 布局 的 主要 方法 有 通过 表格 布局 、 通 
过 Div 布局 及 通过 框架 布局 等 。 


@.1 利用 表格 布局 网 页 


表格 是 现代 网 页 制作 的 一 个 重要 组 成 部 分 。 表 格 之 所 以 重要 是 因为 表格 可 以 实现 网 页 
的 精确 排版 和 定位 ,表格 还 可 以 美化 网 页 。 通 过 表格 可 以 将 网 页 分 割 成 许多 小 块 并 组 合 在 
一 起 , 即 加 快 了 网 页 的 加 载 速度 ,又 使 网 页 页 面 整齐 而 美观 。 表 格 布局 的 优势 在 于 它 能 对 不 
同 对 象 加 以 处 理 , 而 又 不 用 担心 不 同 对 象 之 间 的 影响 ,而 且 表格 在 定位 图 片 和 文本 上 比 用 
CSS 更 加 方便 ,简单 .上 手 容 易 、 兼 容 性 强 。 表 格 布局 唯一 的 缺点 是 当 表 格 嵌 套 过 多 时 会 影 
响 页 面 加 载 , 布 局 修改 起 来 很 不 灵活 。 但 使 用 表格 可 以 简化 页 面 布局 设计 过 程 . 导 入 表格 化 
数据 ,设计 页 面 分 栏 及 定位 页 面 上 的 文本 和 图 像 等 , 当 有 数据 表格 需要 显示 在 网 页 上 ,如 列 
车 时 刻 表 、 公 司 财务 计划 表 等 ,利用 表格 来 布局 会 更 容易 实现 些 。 


6.1.1 创建 表格 


表格 不 仅 可 以 为 页 面 进行 宏观 的 布局 ,还 可 以 使 页 面 中 的 文本 、 图 像 等 元 素 更 有 条 理 。 
表格 是 由 一 个 或 多 个 单元 格 构成 的 集合 ,表格 中 横向 的 多 个 单元 格 称 为 行 (HTML 语言 
以 二 tr 二 标签 开始 ,二 /tr 二 标签 结束 ) ,垂直 的 多 个 单元 格 称 为 列 ( 以 二 td 二 标签 开始 ， 
去 /td> 标 签 结束 ) , 行 与 列 的 交叉 区 域 称 为 单元 格 , 网 页 中 的 元 素 就 放置 在 这 些 单 元 
格 中 。 


1. 插入 表格 


在 网 页 中 插入 表格 的 步骤 : 首先 单 击 网 页 中 需要 插入 表格 的 地 方 , 再 选择 “插入 ”一 “ 表 
格 ” 命 令 , 或 按 Ctrl 十 Alt 十 TT 组合 键 ,打开 “表格 "对话 框 ,如 图 6-1 所 示 。 

参数 的 详细 说 明 如 下 。 

(1) 行 数 : 设置 要 插入 表格 的 行 数 。 

(2) 列 : 设置 要 插入 表格 的 列 数 。 


图 6-1 “表格 ”对话 框 


(3) 表格 宽度 : 输入 宽度 值 ,同时 可 以 在 右边 的 下 拉 列 表 中 选择 宽度 单位 ,可 以 选择 绝 
对 的 像素 值 来 设置 表格 宽度 ,也 可 以 选择 百分比 设置 表格 宽度 同 浏览 器 宽度 的 百分比 。 

(4) 边框 粗细 : 设置 表格 边框 的 宽度 。 

(5) 单元 格 边 距 : 输入 单元 格 中 填充 内 容 同 单元 格 内 部 边框 之 间 的 距离 。 

(6) 单元 格 间距 : 输入 单元 格 之 间 的 距离 。 

中 “标题 ”选项 组 : 用 于 设置 表格 的 行 或 列 的 标题 。 

@ 无 : 表示 不 设置 表格 的 行 或 列 的 标题 。 

@ 左 : 表示 一 行 归 为 一 类 ,可 以 为 每 行 在 第 一 栏 设置 一 个 标题 。 

@ 顶部 : 表示 一 列 归 为 一 类 ,可 以 为 每 列 在 头 一 栏 设置 一 个 标题 。 

回 两 者 : 表示 可 以 同时 输入 “ 左 " 端 和 “顶部 ”的 标题 。 

(7)“ 辅 助 功能 ”选项 组 : 用 于 定义 与 表格 存储 相关 的 参数 。 

中 标题 : 设置 表格 的 标题 名 称 ,默认 会 出 现在 表格 的 上 方 。 

@ 摘要 : 为 表格 的 备注 ,不 会 在 网 页 中 显示 。 

设置 各 种 表格 参数 后 , 单 击 * 确 定 "按钮 ,在 光标 位 置 插入 指定 表格 ,如 图 6-2 所 示 。 


6-2 ”插入 的 表格 


在 网 页 中 ,一 般 设 置 表格 不 显示 表格 线 ( 即 边框 粗细 为 0 像素 ) .单元 格 边 距 为 0、 单 元 
格 间距 为 0。 设置 之 后 的 表格 如 图 6-3 所 示 。 
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6-3 设置 之 后 的 表格 


2. 获 套 表格 


表格 与 表格 之 间 可 以 内 套 。 岩 套 表格 是 指 在 表格 的 某 个 单元 格 中 再 插入 一 个 表格 。 其 
宽度 受 所 在 单元 格 的 宽度 限制 ,一 般 设置 “表格 宽度 ”为 100, 其 单位 设置 为 “百分比 "。 当 单 
个 表格 不 能 满足 布局 的 需求 时 ,可 以 进行 表格 的 嵌 套 。 

操作 步骤 : 将 光标 定位 在 已 插入 表格 的 某 个 单元 格 中 ,选择 “插入 ”一 “表格 "命令 ,在 打 
开 的 “表格 ”对 话 框 中 设置 行 数 、 列 数 、 表 格 宽度 (设置 为 100, 单 位 为 “百分比 ”) .单元 格 边 距 
(设置 为 0) .单元 格 间距 (设置 为 0) 等 内 容 , 如 图 6-4 所 示 。 单 击 “ 确 定 ” 按 钮 ,完成 嵌 套 表格 
的 创建 ,如 图 6-5 所 示 。 


图 6-4 嵌 套 的 表格 设置 


10096 (27 习 ~ | 


图 6-5 表格 赃 套 


表格 典 套 太 多 时 会 影响 页 面 的 加 载 速度 , 当 浏 览 器 加 载 
一 个 表格 时 ,需要 将 整个 表格 加 载 完成 后 才 会 进行 显示 ,因此 
打开 能 套 太 多 表格 的 网 页 时 ,可 能 需要 较 长 时 间 。 下 开花 


表格 添加 文本 表格 添加 图 像 


3. 在 表格 中 添加 内 容 


在 表格 中 可 以 添加 各 种 网 页 元 素 。 添 加 表格 内 容 的 方法 
很 简单 ,只 需要 将 光标 定位 到 所 需 的 单元 格 中 ,然后 按照 添加 
网 页 元 素 的 方法 操作 即 可 。 例 如 ,在 表格 中 添加 文本 和 图 像 ， 
如 图 6-6 所 示 。 图 6-6 表格 中 添加 内 容 


6.1.2 选择 表格 和 单元 格 


表格 的 选择 是 编辑 表格 的 前 提 , 在 表格 中 进行 的 任何 操作 都 离 不 开 选 择 表格 。 在 对 表格 
进行 操作 之 前 需要 先 选择 表格 ,可 以 选择 整个 表格 ,也 可 以 只 选择 某 行 、 某 列 或 某 个 单元 格 。 


1. 选择 整个 表格 


选择 整个 表格 主要 有 以 下 几 种 方法 。 

(1) 通过 菜单 选择 整个 表格 。 

操作 步骤 : 选择 "修改 ”一 “表格 ”一 “选择 表格 ”命令 ,可 以 选择 整个 表格 ,如 图 6-7 所 
示 。 当 表格 整个 被 选择 后 ,表格 的 周围 会 出 现 一 个 边框 ,在 边框 的 右 方 和 下 方 还 会 带 有 黑色 
控制 点 ,可 以 用 来 调整 表格 的 大 小 。 


6-7 通过 菜单 选择 整个 表格 


(2) 通过 鼠标 单 击 选择 整个 表格 。 

将 鼠标 指针 放 到 表格 边框 线 上 , 当 边 框 线 变 为 红色 且 鼠 标 变 成 器 形状 时 , 单 击 鼠 标 左 
键 即 可 选 定 整个 表格 ,如 图 6-8 所 示 。 

(3) 通过 标签 选择 整个 表格 。 

将 光标 定位 到 表格 的 任 一 单元 格 中 , 单 击 窗口 左下 角 标 签 选择 器 中 的 二 table 二 标签 也 
可 以 选择 整个 表格 ,如 图 6-9 所 示 。 

(4) 通过 按钮 菜单 选择 整个 表格 。 

单 击 整个 表格 下 方 绿 线 中 的 -本 -按钮 ,在 弹出 的 下 拉 菜 单 中 选择 “选择 表格 ”命令 , 即 
可 选择 整个 表格 ,如 图 6-10 所 示 。 
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图 6-8 通过 鼠标 单 击 选择 整个 表格 
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图 6-9 单 击 标签 选择 整个 表格 
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图 6-10 通过 按钮 菜单 选择 整个 表格 
(5) 通过 快捷 菜单 选择 整个 表格 。 
将 光标 定位 到 表格 中 的 任意 一 个 单元 格 中 , 单 击 鼠 标 右键 ,在 弹出 的 快捷 菜单 中 选择 
“表格 ”一 “选择 表格 "命令 , 即 可 选择 整个 表格 ,如 图 6-11 所 示 。 


段落 格式 @) P| 合并 单元 格 旭 CtrltALt 者 | 
列表 四) ?| 拆 分 单元 格 到 ).. Ctrl+ 人 t+S 
总 插入 行 中 Ctrltl 
= ## 式 g) 首 “ 世 入 列 @C) Ctrl+Shi ft+ 
[LE Css C) 、 | 括 入 行 或 列 


图 6-11 通过 快捷 菜单 选择 整个 表格 


2. 选择 表格 的 整 行 

(1) 通过 单 击 鼠 标 选择 整 行 。 

将 光标 移动 到 所 要 选择 行 的 左 侧 , 当 光 标 变 成 黑色 的 选 定 箭头 地 , 且 该 行 的 边框 线 变 
成 红色 时 , 单 击 鼠 标 即 可 选择 该 行 ,如 图 6-12 所 示 。 


图 6-12 ”通过 单 击 鼠 标 选择 整 行 
(2) 通过 拖 动 选择 整 行 。 
将 光标 定位 于 要 选 定 行 的 第 一 个 单元 格 内 , 按 下 鼠标 左 键 并 水 平 拖 动 到 该 行 的 最 后 一 
个 单元 格 , 松 开 鼠 标 后 即 可 选择 整 行 ,如 图 6-13 所 示 。 
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图 6-13 通过 鼠标 拖 动 选择 整 行 


3. 选择 表格 的 列 


(1) 通过 单 击 鼠标 选择 整 列 。 

将 光标 移动 到 所 需 列 的 上 方 , 当 光 标 变 成 黑色 的 选 定 箭头 景 , 且 该 列 的 边框 线 变 成 红 
色 时 , 单 击 鼠 标 即 可 选择 该 列 , 如 图 6-14 所 示 。 

(2) 通过 拖 动 选择 整 列 。 

将 光标 定位 于 要 选 定 列 的 第 一 个 单元 格 内 , 按 下 鼠标 左 键 并 垂直 拖 动 到 该 列 的 最 后 一 
个 单元 格 , 松 开 鼠 标 后 即 可 选择 整 列 ,如 图 6-15 所 示 。 

(3) 通过 按钮 菜单 选择 整 列 。 

单 击 要 选择 列 的 下 方 绿 线 中 的 - -按钮 ,在 弹出 的 下 拉 菜 单 中 选择 “选择 列 ” 命 令 即 可 
选择 该 列 , 如 图 6-16 所 示 。 
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左 侧 插 入 列 LL) 
右 侧 插 入 列 ER) 


图 6-16 菜单 按钮 选择 整 列 


4. 选择 单元 格 


(1) 选择 某 个 单元 格 。 

要 选择 某 个 单元 格 ,可 先 将 光标 定位 于 该 单元 格 内 ,然后 按 Ctrl 十 A 组 合 键 或 单 击 “ 标 
签 选择 器 ”中 对 应 的 二 td> 标 签 , 即 可 选择 一 个 单元 格 ,如 图 6-17 所 示 。 

(2) 选择 连续 的 单元 格 区 域 。 

在 要 选择 的 单元 格 区 域 的 左上 角 单 元 格 中 单 击 鼠标 ,然后 按 下 鼠标 左 键 向 右 下 角 单 元 
格 方向 拖 动 鼠标 ,到 目的 地 后 松 开 鼠 标 左 键 , 即 可 选取 多 个 连续 的 单元 格 。 或 者 单 击 一 个 单 
元 格 ,然后 按 住 Shift 键 单 击 另 一 个 单元 格 ,这 两 个 单元 格 定义 的 矩形 区 域 中 的 所 有 单元 格 
也 将 被 连续 选择 ,如 图 6-18 所 示 。 
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6-17 选取 一 个 单元 格 


| | 
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图 6-18 选择 连续 的 单元 格 区 域 


(3) 选择 不 连续 的 单元 格 。 
按 住 Ctrl 键 ,依次 单 击 要 选 定 的 单元 格 ; 或 者 先 选 定 多 个 连续 的 单元 格 区 域 ,然后 按 住 


Ctrl 键 , 单 击 其 中 不 需要 的 单元 格 ,如 图 6-19 所 示 。 


so0™ | 


图 6-19 选择 不 连续 的 单元 格 


6.1.3 设置 表格 和 单元 格 、 行 或 列 属 性 


1. 设置 表格 属性 

为 了 使 表格 更 具有 特色 ,需要 在 表格 的 “属性 ”面板 中 对 表格 进行 设置 。 表 格 的 “属性 ” 
面板 中 显示 了 所 插入 表格 的 所 有 特性 ,通过 修改 面板 中 的 参数 可 快速 地 编辑 表格 外 观 , 如 
图 6-20 所 示 。 
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图 6-20 表格 的 “属性 ”面板 

如 果 窗 口中 没有 显示 表格 的 “属性 ”面板 ,可 通过 选择 “窗口 >“ 属性 ”命令 打开 “属性 ” 
面板 。 

(1)“ 表 格 ” 下 拉 列 表 框 : 设置 表格 的 名 称 。 

(2)“ 行 "文本 框 : 设置 表格 的 行 数 。 

(3)“ 列 "文本 框 : 设置 表格 的 列 数 。 

(4)“ 宽 "文本 框 : 设置 表格 的 宽度 ,在 右 侧 的 下 拉 列 表 中 可 以 选择 单位 。 如 果 选 择 * 像 
素 ”, 表 明 表 格 的 宽度 值 是 像素 值 , 此 时 的 表格 宽度 是 绝对 值 , 不 能 随 浏览 器 窗口 宽度 的 变化 
而 变化 ; 如 果 选 择 %, 则 表示 表格 的 宽度 是 相对 于 浏览 器 窗口 宽度 的 百分比 数值 ,此 时 的 表 
格 宽度 是 相对 值 , 随 浏览 器 的 宽度 变化 而 变化 。 

(5) “填充” 文本 框 : 设置 表格 内 部 内 容 与 表格 内 部 边界 之 间 的 距离 ,单位 为 像素 。 

(6)“ 间 距 ” 文 本 框 : 设置 单元 格 的 间距 ,单位 为 像素 。 

(7)“ 对 齐 ” 下 拉 列 表 框 : 设置 整个 表格 在 浏览 器 内 水 平方 向 上 的 对 齐 方式 ,其 中 可 以 
选择 “ 左 对 齐 ”“ 居 中 对 齐 ”“ 右 对 齐 ” 和 “默认 ”。 若 选择 “默认 ”, 采 用 浏览 器 默认 的 表格 对 
齐 方式 ,一 般 为 左 对 齐 。 

(8)“ 边 框 "文本 框 ; 设置 表格 的 边框 宽度 ,单位 为 像素 。 如 果 将 边框 宽度 设置 为 0, 则 
表格 不 显示 边框 ,编辑 状态 下 以 虚线 形式 显示 。 

(9)“ 类 "下拉 列表 框 : 用 于 附加 样式 表 , 设 置 格式 。 

(10) 在 “属性 ?面板 的 下 方 有 4 个 按钮 分 别 实现 对 应 功能 。 

。 有 呈 国 (清除 列 宽 ) : 单 击 此 按钮 ,删除 表格 的 多 余 列 宽 值 。 

。 压 (清除 行 高 ) : 单 击 此 按钮 ,删除 表格 的 多 余 行 高 值 。 

。 别 呈 (将 表格 宽度 转换 为 像素 ) : 单 击 此 按钮 ,将 表格 宽度 度量 单位 从 百分比 转换 为 

像素 。 

。 [ 吊 (将 表格 宽度 转换 为 百分比 ): 单 击 此 按钮 ,将 表格 宽度 度量 单位 从 像素 转换 为 

百分比 。 

2. 设置 单元 格 、 行 或 列 属 性 


除了 可 以 设置 整个 表格 的 属性 外 ,还 可 以 对 表格 的 单元 格 、 行 或 列 的 属性 分 别 进行 设 
置 。 选 择 单元 格 、 行 或 列 后 ,其 “属性 ”面板 如 图 6-21 所 示 ,其 中 上 半 部 分 与 选择 文本 时 的 属 
性 面板 相同 ,主要 用 于 设置 单元 格 中 的 文本 属性 ,下 半 部 分 主要 用 于 设置 单元 格 、 行 或 列 的 
属性 。 

(1) 国 和 上 国 国 这 两 个 按钮 分 别 实现 “合并 多 个 选择 的 单元 格 ” 和 * 拆 分 单个 单元 格 ”。 

(2) “水 平 " 下 拉 表 列 框 : 设置 单元 格 中 的 内 容 在 水 平方 向 上 的 对 齐 方式 ,包括 * 左 对 
齐 ”“ 居 中 对 齐 ”“ 右 对 齐 ”" 和 “默认 ”4 个 选项 。 


属性 
[<>rm] | 可 加 [无 | 类 [无 BI 生生 和 上 标 题 四 

本 css 0 国 | 无 可 | 链接 由 着 全 日 目标 四 

到 [Exw 可 sw[ | Tao Re ©) 三 | CE  ) 
口 下 站 四 加 高 中 标题 四) 口 


图 6-21 单元 格 的 “属性 ?面板 


(3) “垂直 ”下拉 列表 框 : 设置 单元 格 中 的 内 容 在 垂直 方向 上 的 对 齐 方式 ,包括 "顶端 ” 
“居中 ”“ 底 部 ”“ 基 线 ” 和 “上 默认 ”5 个 选项 。 

(4)“ 宽 "文本 框 : 设置 单元 格 的 宽度 ,如 果 直 接 输入 数字 , 则 默认 度量 单位 为 像素 ; 如 
果 要 以 百分比 作为 度量 单位 , 则 应 在 输入 数字 的 同时 输入 % 符 号 ,如 95% 

(5)“ 高 ”文本 框 : 设置 单元 格 的 高 度 。 

(6)“ 不 换行 " 复 选 框 : 选择 它 可 以 防止 换行 ,从 而 使 给 定单 元 格 中 的 所 有 文本 都 在 一 行 上 。 

(7)“ 标 题 " 复 选 框 ; 将 所 选 的 单元 格格 式 设置 为 表格 标题 单元 格 ,默认 情况 下 ,表格 标 
题 单元 格 的 内 容 为 粗 体 并 居中 。 

(8) “背景 颜色 ?选择 框 : 用 于 设置 单元 格 的 背景 颜色 ,可 通过 单 击 或 输入 的 方式 设置 
颜色 。 若 以 输入 方式 设置 颜色 , 需 输 入 井 号 ,并 加 6 位 十 六 进 制 数 , 如 #0066CC。 


6.1.4 表格 的 高 级 操作 
1. 合并 及 拆 分 单元 格 


为 了 更 好 地 显示 数据 ,有 时 需要 对 表格 进行 合并 或 拆 分 操作 。 

(1) 合并 单元 格 。 

操作 步骤 : 选择 要 合并 的 相 邻 的 多 个 单元 格 , 并 保证 选择 的 单元 格 区 域 为 矩形 ,在 “ 属 
性 ”面板 中 单 击 合 并 单元 格 按钮 有 a ,或 选择 菜单 栏 中 的 “修改 ”一 “表格 ”>“ 合 并 单元 格 ” 
命令 , 即 可 将 选择 的 多 个 单元 格 合并 成 为 一 个 单元 格 , 原 有 单元 格 中 的 数据 被 依次 放 在 了 合 
并 后 的 单元 格 中 。 

(2) 拆 分 单元 格 。 

操作 步骤 : 将 光标 定位 到 要 进行 拆 分 的 单元 ”BE 
格 中 ,在 “属性 ?面板 中 单 击 拆 分 单元 格 按钮 
可 EN ,或 者 选择 菜单 栏 中 的 “修改 ”一 “表格 ”一 
“ 拆 分 单元 格 ” 命 令 , 打 开 “ 拆 分 单元 格 ” 对 话 框 ， 
如 图 6-22 所 示 , 先 选择 好 要 拆 成 行 或 列 后 ,设置 
相应 的 数值 , 单 击 “ 确 定 ” 按 钮 ,完成 拆 分 操作 。 图 6-22 “ 拆 分 单元 格 ” 对 话 框 


2. 插入 或 删除 行 或 列 


在 调整 表格 时 ,除了 可 以 进行 单元 格 的 合并 和 拆 分 外 ,还 可 对 其 进行 行 或 列 的 插入 或 删 
除 操作 ,有 以 下 两 种 情况 : 

(1) 单行 或 单列 的 插入。 

操作 步骤 : 将 光标 定位 到 要 插入 单行 或 单列 的 某 个 单元 格 中 (或 选取 某 行 、 某 列 ) ,选择 
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“修改 ”一 表格 ”一 “插入 行 ?或 “插入 列 ? 命 令 , 或 者 单 击 鼠 标 右键 ,在 弹出 的 快捷 菜单 中 选 
择 “ 表 格 ? 一 “插入 行 ?或 “插入 列 ? 命 令 , 即 可 插入 新 行 或 列 , 如 图 6-23 所 示 。 


E33 
段落 格式 于) » tn bed CtrltAltt 
列表 四 上 CtrltMtts 
3 * EEO 
Fd ET CShifttA 
Css CO) 插入 行 或 列 ) 

上 = 二 = 机 | 

MM ”NE Celtshiftt- 


6-23 ”插入 单行 或 列 


在 默认 情况 下 ,插入 的 新 行将 插入 到 所 选择 行 或 单元 格 的 上 方 , 插 入 的 新 列 将 插入 到 所 
选择 列 或 单元 格 的 左 侧 , 因 此 可 根据 实际 情况 对 光标 进行 定位 。 

(2) 多 行 或 多 列 的 插入 。 

操作 步骤 : 先 将 光标 定位 到 需要 插入 多 行 或 “人 7 洒 
多 列 的 单元 格 中 ,选择 “修改 ”一 “表格 ”一 “插入 
行 或 列 " 命 令 , 或 者 单 击 鼠 标 右键 ,在 弹出 的 快捷 
菜单 中 选择 “表格 ”一 “插入 行 或 列 ” 命 令 , 打 开 
“插入 行 或 列 ” 对 话 框 ,如 图 6-24 所 示 。 在 其 中 选 
择 插入 “ 行 ”或 “ 列 ”, 并 设置 要 插入 的 “ 行 数 ” 或 
“ 列 数 ”, 并 在 下 方 选择 新 行 或 列 的 插入 位 置 , 设 
置 好 后 单 击 * 确 定 ” 按 钮 , 即 可 完成 多 行 或 多 列 的 插入 操作 。 

(3) 行 或 列 的 删除 。 

操作 步骤 : 首先 选择 要 删除 的 行 (或 多 行 ) 或 列 (或 多 列 ) ,选择 “修改 ”一 “表格 >“ 删除 
行 ” 或 “删除 列 " 命 令 ,或 单 击 鼠 标 右键 ,在 弹出 的 快捷 菜单 中 选择 “表格 ”一 “删除 行 "或 “删除 
列 ” 命 令 , 即 可 删除 选择 的 行 (或 多 行 ) 或 列 ( 或 多 列 )。 


3. 表格 内 容 排序 


图 6-24 插入 多 行 或 列 


为 了 方便 数据 处 理 ,可 以 根据 单个 列 的 内 容 对 表格 中 的 行进 行 排序 ,还 可 以 根据 两 个 列 
的 内 容 进行 更 加 复杂 的 表格 排序 ,但 不 能 对 包含 colspan( 跨 列 ) 或 rowspan( 跨 行 ) 属 性 的 表 
格 ( 即 合并 单元 格 的 表格 ) 进 行 排序 。 

操作 步骤 : 选择 需要 排序 的 表格 或 将 光标 定位 到 某 一 单元 格 中 ,选择 “命令 ”一 “排序 表 
格 " 命 令 , 打 开 “ 排 序 表格 ”对 话 框 ,如 图 6-25 所 示 。 

(1) 排序 按 : 排序 方式 。 确 定 选用 哪个 列 的 值 对 表格 的 行进 行 排序 。 

(2) 顺序 : 确定 是 按 字母 还 是 按 数字 顺序 ,以 及 是 以 升序 (A 到 Z, 数 字 从 小 到 大 ) 还 是 
以 降序 对 列 进行 排序 。 当 列 的 内 容 是 数字 时 ,选择 “ 按 数字 顺序 ”。 如 果 “ 按 字母 顺序 ”对 一 
组 由 一 位 或 两 位 数组 成 的 数字 进行 排序 , 则 会 将 这 些 数字 作为 单词 进行 排序 (排序 结果 如 
1、10、2、20、3、30) ,而 不 是 将 它们 作为 数字 进行 排序 (排序 结果 如 1、2、3、10、20、30)。 

(3)“ 再 按 ?“ 顺 序 ”: 确定 将 在 另 一 列 上 应 用 的 第 二 种 排序 方法 的 排序 顺序 。 在 “再 
按 ” 下 拉 列 表 中 指定 将 应 用 第 二 种 排序 方法 的 列 , 并 在 “顺序 ?下 拉 列 表 中 指定 第 二 种 排序 方 
法 的 排序 顺序 。 
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排序 包 合 第 一 行 

排序 标题 行 

排序 脚注 行 

完成 排序 后 所 有 行 颜色 保持 不 变 


图 6-25 “排序 表格 ”对 话 框 


(4)“ 选 项 ”选项 区 域 中 包含 如 下 复 选 项 。 
。 排序 包含 第 一 行 : 指定 将 表格 的 第 一 行 包括 在 排序 中 。 如 果 第 一 行 是 不 应 移动 的 
标题 , 则 不 选择 此 选项 。 
排序 标题 行 : 对 标题 行进 行 排序 ,指定 使 用 与 主体 行 相同 的 条 件 对 表格 的 thead 部 
分 (表格 的 表 头 ) 中 的 所 有 行进 行 排序 (请 注意 ,即使 在 排序 后 ,thead 行 也 将 保留 在 
thead 部 分 并 仍 显示 在 表格 的 顶部 ) 。 
排序 脚注 行 : 对 脚注 行进 行 排序 ,指定 按照 与 主体 行 相同 的 条 件 对 表格 的 tfoot 部 
分 (表格 的 页 脚 或 脚注 或 表 注 ) 中 的 所 有 行进 行 排序 (请 注意 ,即使 在 排序 后 ,tfoot 
行 也 将 保留 在 tfoot 部 分 并 仍 显 示 在 表格 的 底部 ) 。 
完成 排序 后 所 有 行 颜色 保持 不 变 : 使 排序 完成 后 所 有 行 的 颜色 保持 不 变 , 指 定 排序 
之 后 表格 属性 (如 颜色 ) 应 该 与 同一 内 容 保 持 关联 。 如 果 表 格 行使 用 两 种 交替 的 颜 
色 , 则 不 要 选择 此 选项 以 确保 排序 后 的 表格 仍 具有 颜色 交替 的 行 。 如 果 行 属性 特定 
于 每 行 的 内 容 , 则 选择 此 选项 以 确保 这 些 属 性 保持 与 排序 后 表格 中 正确 的 行 关联 在 
一 起 。 

在 对 话 框 中 设置 选项 后 , 单 击 “ 确 定 ” 按 钮 即 可 。 

对 表格 内 容 按 “ 列 2”、“ 按 数字 顺序 ” “升序 ”选项 进行 排序 前 后 的 结果 对 比如 图 6-26 
所 示 。 
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图 6-26 ”排序 前 后 结果 对 比 


4. 导入 和 导出 表格 内 容 


在 制作 网 页 时 ,如 果 预 先 有 表格 内 容 存 储 在 记事 本 或 Word 等 文档 中 ,可 以 将 其 直接 导 
入 到 网 页 中 ,也 可 以 将 网 页 中 的 表格 内 容 导出 为 独立 的 文件 ,以 便 在 需要 时 导入 。 
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(1) 导入 表格 数据 。 
操作 步骤 : 将 光标 定位 于 需要 导入 表格 数据 的 位 置 ,选择 “ 文 件 ”>“ 导 入 ”一 “表格 式 数 
据 ” 命 令 , 打 开 “ 导 入 表格 式 数 据 ” 对 话 框 ,如 图 6-27 所 示 。 单 击 “ 数 据 文件 ”文本 框 右 侧 的 
“浏览 ”按钮 ,选择 数据 文件 (包含 数据 文件 所 在 路 径 ); 在 “ 定 界 符 ”下 拉 列 表 中 选择 文档 中 
分 隔 表 格 数 据 各 项 内 容 的 符号 ; 设置 好 表格 宽度 、 单 元 格 边 距 、 单 元 格 间距 ,格式 化 首 行 及 
边框 的 粗细 等 内 容 后 , 单 击 “ 确 定 ” 按 钮 , 即 可 将 选择 的 数据 文件 导入 到 网 页 中 。 
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〇 设置 为 : 百分比 
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图 6-27 “导入 表格 式 数据 "对话 框 


(2) 导出 表格 数据 。 

操作 步骤 : 将 光标 定位 到 需要 导出 数据 的 表 
格 的 任意 一 个 单元 格 中 ,选择 “文件 ”一 “导出 ”一 
“表格 ”命令 ,打开 “导出 表格 ”对 话 框 ,如 图 6-28 
所 示 。 在 其 中 设置 定 界 符 和 换行 符 , 单 击 * 导 出 ” 
按钮 ,打开 “表格 导出 为 ”对 话 框 ,如 图 6-29 所 示 ， 
设置 导出 文件 保存 位 置 和 文件 名 , 单 击 “ 保 存 ” 按 
钮 , 即 完成 了 表格 数据 的 导出 操作 。 图 6-28 “导出 表格 ?对话 框 


表格 导出 为 


所 有 文件 人 -可 


图 6-29 “表格 导出 为 "对话 框 


表格 导出 前 后 效果 对 比如 图 6-30 所 示 。 


6-30 ”表格 导出 前 后 效果 对 比 


6.1.5 用 表格 进行 页 面 排版 


在 文档 编辑 状态 下 ,用户 可 以 编辑 已 设计 好 的 表格 ,结合 表格 的 “属性 ”面板 改变 它 的 行 
数 、 列 数 , 拆 分 或 合并 单元 格 ,改变 其 边框 粗细 、 单 元 格 边 距 、 单 元 格 间距 及 背景 色 等 。 如 果 
需要 在 页 面 上 进行 图 文 混 排 ,利用 表格 进行 规划 设计 是 一 种 很 好 的 排版 方法 ,在 不 同 的 单元 
格 中 放置 文本 和 图 片 ,对 相应 的 表格 属性 进行 适当 的 设置 ,很 容易 就 能 设计 出 美观 整齐 的 页 
面 ,适合 用 于 小 型 静态 网 站 。 

利用 表格 进行 页 面 排 版 的 网 页 shili2. html 如 图 6-31 所 示 。 
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图 6-31 用 表格 进行 页 面 排版 的 网 页 
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6.2 利用 Div 布局 网 页 


为 了 能 更 好 地 控制 页 面 布局 、 精 确定 位 及 实现 简单 的 动态 效果 ,在 Dreamweaver CS5 
中 常常 用 到 下 面 两 种 网 页 布局 方式 : Div 十 CSS 布局 模式 和 AP Div 布局 模式 。 

Div(Division) 元 素 用 来 在 页 面 中 定义 一 个 区 域 ,使 用 CSS 样式 控制 Div 元 素 的 表现 效 
果 ,Div 元 素 可 以 包含 文本 、 图 像 、 表 格 及 其 他 各 种 页 面 内 容 。 在 Dreamweaver CS5 中 可 以 
插入 两 种 Div 元 素 : 一 种 是 “Div 标签 ”, 另 一 种 是 AP Div。 


6.2.1 Div+CSS 布局 网 页 


Div 标签 本 身 没 有 任何 表现 属性 ,如 果 要 使 用 Div 标签 显示 某 种 效果 ,或 者 显示 在 某 个 
位 置 上 ,必须 为 Div 标签 定义 CSS 样式 ,Div 应 用 于 CSS 样式 表 时 效果 更 好 。 使 用 Div 十 
CSS 布局 可 将 结构 和 表现 分 离 , 减 少 了 HTML 文档 内 大 量 代码 ,方便 对 其 阅读 ,还 可 以 提 
高 网 页 的 下 载 速度 。 


1. Div 概述 


过 div 二 标签 可 以 把 文档 分 割 为 独立 的 \ 不 同 的 部 分 。 它 可 以 用 作 严 格 的 组 织 工具 ,并 
且 不 使 用 任何 格式 与 其 关联 。 如 果 用 id 或 class 来 标记 二 div 之 ,该 标签 的 作用 会 变 得 更 加 
有 效 , 二 div 之 是 一 个 块 级 元 素 。 这 意味 着 它 的 内 容 自 动 地 开始 一 个 新 行 ,实际 上 ,换行 是 
二 div 之 固有 的 唯一 格式 表现 ,可 以 通过 一 div 之 的 class 或 id 应 用 额外 的 样式 。 

Div 元 素 是 用 来 为 HTML 文档 内 大 块 (Block-Level) 的 内 容 提供 结构 和 背景 的 元 素 ， 
Div 的 起 始 标签 和 结束 标签 之 间 的 所 有 内 容 都 用 来 构成 这 个 块 , 其 中 所 包含 元 素 的 特性 由 
Div 标签 的 属性 来 控制 ,或 者 是 通过 使 用 样式 表格 式 化 这 个 块 来 进行 控制 ,所 有 主流 浏览 器 
都 支持 二 div 志 。 


2. Div+ CSS 布局 优势 


(1) 精简 代码 ,减少 重 构 难度 。 

网 站 使 用 Div 十 CSS 布局 使 代码 很 精简 ,CSS 文件 可 以 在 网 站 的 任意 一 个 页 面 进行 调 
用 。 若 对 一 个 使 用 table 表格 设计 的 门户 网 站 进行 修改 的 话 , 修 改 页 面 较 麻烦 , 需 手 动 修改 
页 面 。 但 车 使 用 Div 十 CSS 布局 ,只 需 修 改 CSS 文件 中 的 一 个 代码 即 可 。 

(2) 网 页 访问 速度 提升 。 

使 用 了 Div 十 CSS 布局 的 网 页 与 Table 布局 的 网 页 相 比 ,精简 了 许多 页 面 代 码 , 其 浏览 
访问 速度 自然 得 以 提升 ,从 而 也 提升 了 网 站 的 用 户 体验 度 。 

(3) 浏览 器 兼容 性 强 。 

如 果 使 用 table 布局 网 页 ,在 使 用 不 同 浏览 器 情况 下 可 能 会 发 生 错位 ,而 Div 十 CSS 则 
不 会 ,无 论 什么 浏览 器 ,网 页 都 不 会 出 现 变 形 情 况 。 


3. Div 标签 的 基本 操作 
使 用 Div 标签 的 方法 和 使 用 其 他 标签 方法 一 样 , 即 天 div 之 HTML 内 容 一 /div>。 


纯粹 Div 不 加 任何 CSS 内 容 , 其 效果 将 与 <p 二 二 /Pp 二 效果 一 致 。 
(1) 插入 Div 标签 。 
可 以 使 用 Div 标签 创建 CSS 布局 块 并 在 文档 中 对 它们 进行 定位 。 如 果 将 包含 定位 样 
式 的 现 有 CSS 样式 表 附 加 到 文档 将 很 有 用 , Dreamweaver 能 够 快速 插入 Div 标签 并 对 它 应 
用 现 有 样式 。 
操作 步骤 : 选择 “窗口 >“ 工作 区 布局 ”一 “经典” 命令 , 调 出 “插入 ”工具 栏 , 选 择 “ 布 局 ” 
标签 ,如 图 6-32 所 示 。 在 其 工具 栏 中 选择 “插入 Div 标签 "按钮 国 | ,打开 “插入 Div 标签 ”对 
话 框 ,如 图 6-33 所 示 。 
| 
| 标准 | 扩展 国 租 | 久居 要 区 | 国 芝 尽 如 唉 回回 


图 6-32 “插入 ”工具 栏 


图 6-33 “插入 Div 标签 ”对 话 框 


同样 ,选择 “插入 ”一 “布局 对 象 >“Div 标签 ”命令 也 可 以 打开 图 6-33 所 示 的 对 话 框 ,或 
者 直接 在 代码 视图 中 添加 代码 完成 ,如 二 div style 一 "color: #00FF00" 这 > 一 h3 二 This is a 
header 一 /h3 二 二 /div 二 等 。 

(2) 在 Div 标签 输入 内 容 。 

单 击 Div 标签 框 内 的 任意 位 置 ,在 光标 定位 处 : 
输入 内 容 即 可 ,如 图 6-34 所 示 。 

(3) 删除 Div 标签 。 

在 网 页 的 “设计 ”视图 中 选择 Div 标签 , 按 ”图 6.34 在 Div 标 签 输入 内 容 
Delete 键 即 可 删除 。 

(4) Div 标签 嵌 套 。 

Div 标签 可 以 嵌 套 , 单 击 已 插入 的 Div 标签 内 部 ,然后 使 用 插入 Div 标签 的 方法 即 可 插 
入 嵌 套 的 Div 标签 。 


6.2.2 利用 AP Div 进行 网 页 布局 


AP Div 元 素 是 一 种 网 页 元 素 的 定位 技术 ,使 用 AP Div 元 素 可 以 以 像素 为 单位 精确 定 
位 页 面 元 素 ,AP Div 元 素 可 以 放置 在 页 面 的 任意 位 置 , 对 页 面 操作 的 布局 将 更 加 轻松 。 
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1. AP Div 概述 


所 谓 AP Div, 是 指 存放 文本 、 图 像 、 表 单 和 插件 等 网 页 内 容 的 容器 ,可 以 想象 成 是 一 张 
一 张 琶 加 起 来 的 透明 胶片 ,每 张 透明 胶片 上 都 有 不 同 的 画面 , 它 用 来 控制 浏览 器 窗口 中 网 页 
内 容 的 位 置 .层次 。 

AP Div 最 主要 的 特性 就 是 它 是 浮动 在 网 页 内 容 之 上 的 。 也 就 是 说 ,可 以 在 (不 影响 其 
他 网 页 元 素 情 况 下 ) 网 页 上 任意 改变 其 位 置 ,实现 对 AP Div 的 准确 定位 ; AP Div 元 素 可 以 
重 倒 ,所 以 在 网 页 中 可 以 实现 网 页 内 容 的 重生 效果 (如 立体 字 ); AP Div 元 素 还 可 以 被 显示 
或 隐藏 ,可 以 实现 网 页 导航 中 的 下 拉 菜 单 、 图 片 的 可 控 显 示 或 隐藏; 还 可 以 通过 应 用 时 间 轴 
使 其 移动 和 变换 ,这 样 在 层 中 旋转 一 些 图 片 或 文本 ,就 能 够 实现 动画 的 效果 。 


2. 插入 AP Div 


AP Div 可 以 通过 “插入 "工具 栏 中 的 按钮 插入 ,也 可 以 通过 菜单 命令 插入 。 

(1) 通过 “插入 ”工具 栏 中 的 按钮 插入 AP Div。 

选择 “窗口 >“ 工作 区 布局 ”一 “经 典 ” 命 令 , 调 出 “插入 "工具 栏 , 单 击 “ 布 局 ”标签 ,如 
图 6-32 所 示 。 在 工具 栏 中 选择 “绘制 AP Div" 按 钮 恬 , 拖 忠 鼠 标 就 可 以 在 文档 指定 位 置 插 
入 一 个 AP Div, 如 图 6-35 所 示 。 


6-35 ”绘制 AP Div 


(2) 在 页 面 的 “设计 ”视图 中 选择 “插入 ”一 “布局 ”>“ 绘 制 AP Div” 命 令 , 然 后 在 页 面 的 
文档 窗口 中 拖 忠 鼠标 也 可 以 在 指定 位 置 插入 一 个 AP Div。 


3. 属性 设置 


当 插 入 AP Div 后 ,可 以 通过 AP Div 的 “属性 ”面板 对 它 的 相应 参数 进行 设置 ,实现 相 
应 效果 。 选 择 单个 AP Div 和 同时 选择 多 个 AP Div 时 ,“ 属 性 ”面板 显示 的 参数 也 稍 有 
区 别 。 
(1) 单个 AP Div 属性 设置 。 
在 页 面 中 选择 单个 AP Div, 其 “属性 ”面板 如 图 6-36 所 示 。 
。“CSS-P 元 素 " 下 拉 列 表 框 : 为 当前 AP Div 命名 ,该 名 称 可 以 在 脚本 中 引用 ,例如 通 
过 编写 脚本 实现 AP Div 的 显示 或 隐藏 等 。 


CSs-? 元 素 ” 左 [144px| 宽 如 [200px| 2 项 加 上 青 景 图 像 CD) 局 类 @ | 无 辐 
smir 国 上 多 [Tdi] 高 如 [150<] 可 见 性 人 [acrent 国 | 攻 REREGG 
道 出 | 双生 :站 有 
出 下 


图 6-36 AP Div 的 “属性 ?面板 


。“ 左 "文本 框 : 设置 AP Div 左边 相对 于 页 面 左边 或 父 AP Div 左边 的 距离 。 

““ 上 "文本 框 : 设置 AP Div 顶端 相对 于 页 面 顶端 或 父 AP Div 顶端 的 距离 。 

。“ 宽 "文本 框 : 设置 AP Div 的 宽度 值 。 

“高 "文本 框 : 设置 AP Div 的 高 度 值 。 

“Z 轴 ”文本 框 : 设置 AP Div 的 Z 轴 顺 序 , 也 是 设置 租 套 AP Div 在 网 页 中 的 重 释 顺 

序 , 较 高 值 的 AP Div 位 于 较 低 值 的 AP Div 的 上 方 。 

“可 见 性 ”下 拉 列 表 框 : 设置 AP Div 的 可 见 性 ,选项 如 下 。 

@ default: 表示 默认 值 ,其 可 见 性 由 浏览 器 决定 ,大 多 数 浏览 器 会 继承 该 AP Div 父 
AP Div 的 可 见 性 。 

晶 inherit: 表示 继承 其 父 AP Div 的 可 见 性 。 

田 visible: 表示 显示 AP Div 及 其 内 容 , 而 与 父 AP Div 无 关 。 

和 hidden: 表示 隐藏 AP Div 及 其 内 容 , 而 与 父 AP Div 无 关 。 

“背景 图 像 " 文 本 框 : 用 于 设置 背景 图 像 。 

“背景 颜色 "文本 框 : 设置 AP Div 的 背景 颜色 。 

“类 ”下 拉 列 表 框 : 选择 AP Div 的 样式 。 

“溢出 ”下 拉 列 表 框 : 设置 当 AP Div 中 的 内 容 超 出 AP Div 的 范围 后 显示 内 容 的 

方式 。 

@ visible: 表示 当 AP Div 中 的 内 容 超 出 AP Div 范围 时 ,AP Div 自动 向 右 或 向 下 扩 
展 ,使 AP Div 扩展 并 显示 其 中 的 内 容 。 

和 hidden: 表示 当 AP Div 中 的 内 容 超 出 AP Div 范围 时 ,AP Div 的 大 小 保持 不 变 ， 
也 不 出 现 滚 动 条 ,超出 的 内 容 将 不 显示 。 

和 Scroll: 表示 无 论 AP Div 中 的 内 容 是 否 超出 AP Div 范围 ,AP Div 的 右 端 和 下 端 
都 会 出 现 滚动 条 。 

@ Auto: 表示 当 AP Div 中 的 内 容 超 出 AP Div 范围 时 ,AP Div 的 大 小 保持 不 变 , 但 
是 在 AP Div 的 右 端 或 下 端 会 自动 出 现 滚动 条 ,以 使 AP Div 中 超出 的 内 容 能 够 
通过 拖 动 滚动 条 来 显示 。 

(2) 多 个 AP Div 属性 设置 。 

选择 AP Div 时 , 按 住 Shift 键 可 同时 选择 多 个 AP Div ,其 “属性 ?面板 如 图 6-37 所 示 。 


4. 设置 AP Div 的 堆肥 顺序 


由 于 AP Div 可 以 重 释 ,因此 AP Div 有 一 个 堆 秋 顺序 的 问题 , 即 Z 轴 顺序 ,通常 先 创建 
的 AP Div 的 Z 轴 顺 序 值 低 ,而 后 创建 的 AP Div 的 Z 轴 顺 序 值 高 , 且 Z 轴 顺 序 值 大 的 AP 
Div 会 遮盖 Z 轴 顺 序 值 小 的 AP Div 的 内 容 。 
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属性 
《mhL 格式) | 无 | 类 || 无 var hb 
[7 DD 村 @ v 
到 在 四 宽 中 显示 加 )| default MW 背 且 图 入 加 ) [=] 

元 素 上 四) 高 中 标签 外 [rw 同 | 背 具 颜色 CC) | 


图 6-37 多 个 AP Div 的 “属性 ”面板 


操作 步骤 : 选择 AP Div 元 素 ,在 其 “属性 ”面板 中 设置 “Z 轴 ” 文 档 框 中 的 值 ,可 以 改变 
AP Div 的 堆 释 顺序。 只 接受 数字 ,数值 越 大 ,AP Div 显示 就 越 在 上 面 。 

除了 在 “属性 ”面板 中 修改 堆 释 顺序 外 ,还 可 以 通过 菜单 命令 修改 。 

操作 步骤 : 先 选择 AP Div 元 素 ,再 选择 “修改 ”>“ 排 列 顺序 ”>“ 移 到 最 上 层 ”/* 移 到 最 
下 层 ” 命 令 , 即 可 修改 AP Div 元 素 的 堆 释 顺序 ,如 图 6-38 所 示 。 


Dw mm. 0. &» [av| 二 辣 0 sw 世 硬 大 乙 
文件 (ED 编辑 (EB 查看 (2 插入 (CD 


页 面 属性 全 ) Ctrl4J 
模板 属性 中 ) 
所 选 属性 公 ) 
css 样式 OO Shi ft+P11 
编辑 标签 E) 
快速 标签 编辑 器 Q). . ， CtrltT 


CtrltL 


Ctrl+Shi ftt1 

Ctrl+Shi ftt3 

| Ctrl+Shi ftt4 
CtrltShiftt6 


Ctrl4Shi fttT 
Ctrl+Shi ftt9 


ody Rai vanDiv3 
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6-38 通过 菜单 修改 AP Div 参数 


合理 地 设置 AP Div 的 堆 秋 顺序 ,可 以 有 效 地 控制 哪些 内 容 可 以 被 显示 ,哪些 内 容 需 要 
被 隐藏。 

当选 择 多 个 AP Div 时 ,图 6-38 所 示 的 “排列 顺序 ”菜单 下 的 “ 左 对 齐 ”“ 右 对 齐 ” “上 对 
齐 ”" 和 “下 对 齐 ” 等 菜单 命令 将 变 成 实 色 ,分 别 可 以 实现 多 个 AP Div 之 间 的 多 种 对 齐 操作 。 
在 AP Div 进行 对 齐 的 过 程 中 ,会 以 最 后 选择 的 AP Div 为 标准 进行 对 齐 ; 而 “排列 顺序 ” 菜 
单 下 的 “ 设 成 宽度 相同 ”或 “ 设 成 高 度 相同 ”命令 会 将 所 有 选择 的 AP Div 设置 为 最 后 选择 的 
那个 AP Div 为 标准 的 相同 的 宽度 或 高 度 。 


5. 绘制 嵌 套 的 AP Div 


虽然 可 以 通过 拖 奥 鼠标 的 方式 在 文档 的 任意 位 置 绘 制 AP Div, 制 作 的 AP Div 之 间 可 
以 互相 重 全 ,但 是 在 默认 情况 下 ,所 有 的 AP Div 之 间 并 没有 嵌 套 关系 。 实 际 上 AP Div 是 


可 以 进行 嵌 套 的 ,在 一 个 AP Div 内 部 创建 的 AP Div 就 称 为 嵌 套 AP Div 或 子 AP Div ,和 
套 AP Div 外 部 的 AP Div 称 为 父 AP Div, 子 AP Div 可 以 浮动 于 父 AP Div 之 外 的 任何 位 
置 , 子 AP Div 的 大 小 也 不 受 父 AP Div 的 限制 ,但 当 父 AP Div 移动 时 , 子 AP Div 会 随 之 一 
起 移动 。 

操作 步骤 : 先 将 光标 定位 到 所 需 的 父 AP Div 的 内 部 ,通过 选择 “插入 ”> 布局 对 象 "一 
AP Div 命令 新 建 一 个 AP Div 作为 子 AP Div, 即 完成 了 嵌 套 AP Div 的 创建 。 


6. AP Div 与 表格 互 换 


可 以 在 AP Div 元 素 和 表格 之 间 进 行 转换 ,以 调整 布局 并 优化 网 页 设计 ,尤其 当 需 要 支 
持 老 版 浏览 器 时 ,可 能 需要 将 AP Div 元 素 转换 为 表格 (但 不 建议 转换 ), 因 为 有 可 能 会 产生 
大 量 有 空白 单元 格 的 表格 ,也 可 能 急剧 增加 代码 。 转 换 时 不 能 只 转换 页 面 上 部 分 的 表格 或 
AP Div 元 素 ,必须 将 整个 页 面 上 的 AP Div 转换 为 表格 或 将 表格 转换 为 AP Div。 

(1) 将 AP Div 转换 为 表格 。 

转换 为 表格 之 前 ,需要 确保 AP Div 元 素 没有 重叠 。 

操作 步骤 : 选择 “修改 ”转换 ”~ 将 AP Div 转换 为 表格 ”命令 ,打开 “将 AP Div 转换 
为 表格 ”对 话 框 ,如 图 6-39 所 示 。 设 置 各 选项 后 , 单 击 “ 确 定 ” 按 钮 即 可 。 

(2) 将 表格 转换 为 AP Div。 

操作 步骤 : 选择 “修改 ”一 “转换 ”一 “将 表格 转换 为 AP Div” 命 令 , 打 开 “ 将 表格 转换 为 
AP Div” 对 话 框 ,如 图 6-40 所 示 。 设 置 各 选项 后 , 单 击 “确定 ”按钮 即 可 。 


将 AP Div 转换 为 表格 


表格 市 局 : @J 妥 多 请 1 
侣 景 小 : 合并 空白 单元 (8) 
小 于 : [4 | 像素 宽度 


回合 用 透明 GTPs 中) 将 表格 转 接 为 AP Div 


口 置 于 页 面 中 央 心 ) 


布局 工具 : 门 防止 重 委 E) 
口 显示 如 元 案 面 板 4) 
口 显示 网 格 @) 
口 靠 齐 到 同 格 如 


图 6-39 “将 AP Div 转换 为 表格 "对话 框 图 6-40 “将 表格 转换 为 AP Div” 对 话 框 


7. 设置 “AP 元素" 面板 


选择 “窗口 ”>“AP 元 素 ” 命 令 或 按 F2 键 ,打开 “AP 元 
素 ” 面 板 , 如 图 6-41 所 示 。 当 前 网 页 中 所 有 AP Div 都 会 在 
“AP 元 素 ” 面 板 中 显示 , 幅 套 AP Div 在 面板 以 层级 关系 加 以 
体现 ,如 apDiv4 嵌 套 在 apDiv3 的 内 部 。 


apDiv2 


“AP 元 素 ” 面 板 功 能 介绍 : apDivl 

(1) 重 命名 : 双击 AP Div 的 名 称 可 以 对 AP Div 进行 重 
命名 。 

(2) 改变 重要 顺序 : 单 击 AP Div 后 面 的 数字 可 修改 AP ”图 6-41 “AP 元 素 "面板 
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Div 的 Z 轴 顺 序 , 即 重 盖 顺序 ,数值 大 的 位 于 上 面 。 

(3) 切换 显示 /隐藏 : 单 击 AP Div 名 称 前 会 出 现 一 个 眼睛 图 标 ,眼睛 睁 开 图 标 苹 表 
示 该 AP Div4 处 于 显示 状态 ; 如 果 再 次 单 击 眼 睛 图 标 , 切 换 到 眼睛 闭合 图 标 国 , 则 表示 该 
AP Div 处 于 隐藏 状态 ; 如 果 未 显示 眼睛 图 标 ,表示 没有 指定 可 见 性 。 

(4) 防止 重 倒 : 选择 “防止 重 倒 " 复 选 框 ,可 以 防止 AP Div 重 盖 ,否则 不 能 创建 诅 套 AP Div。 


8. AP Div 网 页 布局 效果 


利用 AP Div 元 素 可 重 释 等 特点 制作 一 个 简单 的 AP Div 布局 页 面 ,如 图 6-42 所 示 。 
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图 6-42 AP Div 布局 页 面 


(6.3 利用 框架 布局 网 页 
A 


框架 技术 是 一 种 常用 的 布局 技术 ,可 以 将 浏览 器 分 割 成 多 个 小 窗口 ,并 且 在 每 个 小 窗口 
中 可 以 显示 不 同 的 网 页 ,这 样 就 可 以 很 方便 地 在 浏览 器 中 浏览 不 同 的 网 页 效果 。 

当 浏 览 器 分 割 成 多 个 窗口 后 ,各 窗口 就 会 扮演 不 同 的 角色 ,实现 不 同 的 功能 。 比 如 有 些 
论坛 就 是 把 浏览 器 分 割 成 两 个 窗口 ,一 个 窗口 主要 显示 帖子 的 标题 ,而 另 一 个 窗口 会 显示 有 具 
体 的 内 容 , 这 样 的 设计 显然 比 起 一 个 窗口 的 网 页 在 浏览 时 方便 得 多 ,而 且 也 可 以 任意 的 切换 
题目 。 对 于 页 面 较 长 ,部 分 固定 区 域 不 变 的 网 页 ,可 以 使 用 框架 进行 布局 。 框 架 结构 也 常 被 
用 在 具有 多 个 分 类 导航 或 多 项 复杂 功能 的 Web 页 面 上 。 


6.3.1 框架 和 框架 集 


框架 是 由 框架 集 和 框架 两 个 主要 部 分 组 成 ,框架 集 是 一 个 在 文档 内 定义 一 组 框架 结构 
的 页 面 , 并 不 显示 在 浏览 器 中 ,只 是 存储 了 各 个 框架 的 结构 .数量 `, 大 小 和 目标 等 信息 ; 框架 
是 指 网 页 在 一 个 浏览 器 窗口 下 分 割 成 的 多 个 不 同 区 域 ,每 一 个 区 域 都 是 单独 的 网 页 文档 ,如 
图 6-43 所 示 。 当 浏览 者 进行 框架 网 页 访问 时 ,实际 上 访问 的 是 框架 集 网 页 ,框架 集 根据 自 
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己 记 录 的 框架 及 框架 信息 将 各 框架 所 对 应 的 网 页 内 容 一 并 显示 在 同一 个 窗口 中 ,给 浏览 者 
的 感觉 就 如 在 一 个 网 页 中 。 实 际 上 ,图 6-43 所 示 的 框架 网 页 中 包含 了 4 个 网 页 ,其 中 有 三 
个 框架 网 页 ,一 个 框架 集 网 页 。 


框架 1 
框架 2 框架 3 


图 6-43 ”框架 结构 


6.3.2 创建 框架 
创建 框架 网 页 主要 有 以 下 三 种 方法 : 
1. 通过 菜单 创建 框架 


选择 “文件 ”>“ 新 建 "命令 ,打开 “新 建文 档 ” 对 话 框 ,如 图 6-44 所 示 。 选 择 “ 示 例 中 的 
页 ”选项 卡 , 在 “示例 文件 夹 ”列表 框 中 选择 “框架 页 ”选项 ,在 “示例 页 ”列表 框 中 选择 需要 的 
框架 结构 , 单 击 “ 创 建 " 按 钮 ,打开 “框架 标签 辅助 功能 属性 ”对 话 框 ,如 图 6-45 所 示 。 设 置 好 
后 , 单 击 “ 确 定 ” 按 钮 ,完成 框架 网 页 的 创建 。 


me 


文档 类 到。 [mL 10 Trasitiond 国 


图 6-44 通过 菜单 创建 框架 
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2. 通过 “布局 ”插入 栏 创 建 框架 


新 建 空白 网 页 文档 后 ,选择 “窗口 >“ 工作 区 布局 ”>“ 经 典 ” 命 令 , 调 出 “插入 ”工具 栏 ， 
单 击 “ 布 局 "标签 ,如 图 6-32 所 示 。 单 击 其 中 的 “框架 ”按钮 医 * 右 侧 的 下 拉 按 钮 ,在 弹出 的 下 
拉 菜 单 中 选择 相应 的 选项 ,如 图 6-46 所 示 , 同 样 打开 “框架 标签 辅助 功能 属性 ”对 话 框 ,如 
图 6-45 所 示 。 设 置 好 后 , 单 击 * 确 定 ? 按 钮 ,完成 框架 网 页 的 创建 。 


固 . 

加 志 tyE 妆 

圆 右 侧 答 架 

国 顶部 框架 

框架 标签 辅助 功能 属性 国 启 部 框架 

贺 下 方 和 想 套 的 左 侧 框架 

图 下 方 和 杠 套 的 右 侧 框架 

框架 ， mainfrane [ 贺 左 仙 和 幅 套 的 下 方 框架 

标题 ， nainFrane 图 右 侧 和 帐 套 的 下 方 框架 

国 上 方 和 下 方 框架 

a -es 

， 国 右 仙 和 绒 套 的 上 方 框架 
是 IEREEETE9 


国 上 方 和 幅 套 的 右 侧 框架 


为 每 一 框架 指定 一 个 标题 ， 


图 6-45 “框架 标签 辅助 功能 属性 ”对 话 框 图 6-46 通过 “布局 "插入 栏 
创建 框架 


3. 手动 创建 框架 


前 面 两 种 创建 框架 的 方式 都 是 Dreamweaver CS5 预定 义 的 框架 样式 ,有 时 并 不 符合 实 
际 的 设计 需求 ,这 时 可 以 手动 创建 框架 网 页 。 

操作 步骤 : 新 建 一 个 空白 网 页 ,在 拖 动 创 建 框架 之 前 应 先 将 框架 边框 显示 出 来 ,选择 
“查看 ”一 “可视化 助理 ”一 “框架 边框 ”命令 ,框架 边框 就 在 编辑 窗口 四 周 显示 出 来 ,然后 通过 
拖 动 框架 边框 线 的 方法 进行 框架 的 拆 分 ,将 光标 定位 到 需要 分 割 的 框架 中 , 按 住 Alt 键 不 
放 , 将 光标 移动 到 框架 边框 线 上 ,直到 光标 变 为 双向 箭头 形状 后 进行 拖 动 , 拖 到 合适 位 置 后 
松 开 鼠 标 左 键 和 Alt 键 , 这 时 就 可 以 将 一 个 框架 拆 分 为 两 个 框架 。 如 果 将 鼠标 移 到 左上 和 角 
的 框架 边 上 , 当 光 标 变 成 四 向 箭头 时 , 按 住 鼠 标 左 键 不 放 , 进 行 拖 动 , 到 合适 位 置 后 松 开 鼠 标 
左 键 ,可 将 框架 集 拆 分 为 4 个 框架 ,如 图 6-47 所 示 。 

如 果 需 要 取消 某 些 框架 线 , 可 选择 一 个 框架 线 后 , 按 住 鼠 标 左 键 不 放 , 拖 向 四 周 的 一 个 
个 边缘 ,直到 其 消失 再 松 开 鼠 标 左 键 即 可 。 


6.3.3 保存 框架 


一 个 框架 网 页 包含 一 个 框架 集 网 页 和 多 个 框架 网 页 ,框架 网 页 创建 完毕 后 ,需要 及 时 对 
其 保存 ,保存 时 可 以 保存 其 任 一 框架 中 的 网 页 文档 ,也 可 以 保存 框架 集 文档 ,当然 也 可 以 同 
时 保存 所 有 的 框架 网 页 文档 和 框架 集 文档 。 


和 省 | 一 国 区 固 昌 | 学 守 多 | NN GD 全 


属性 
回 边 恢 四 [了 K 人 可 边民 二 C) 厂 -| 
边框 宽度 虽 ) 
图 6-47 手动 创建 框架 
1. 保存 框架 文档 


ZT i 


保存 框架 文档 主要 指 单独 保存 框架 结构 中 的 某 一 个 框架 网 页 。 


操作 步骤 : 将 光标 定位 到 需要 保存 的 框架 网 页 中 ,选择 
“文件 ”一 “保存 框架 ”命令 ,如 图 6-48 所 示 。 打 开 “ 另 存 为 ” 
对 话 框 ,在 对 话 框 中 设置 好 保存 位 置 及 文件 名 后 , 单 击 “ 保 
存 ” 按 钮 即 完成 了 一 个 框架 网 页 的 保存 操作 。 


2. 保存 框架 集 文档 


操作 步骤 : 用 鼠标 指向 网 页 的 左上 角 , 当 光标 变 成 四 向 
箭头 时 单 击 整个 框架 ,使 整个 框架 被 选择 。 选 择 “ 文 件 ” 一 
“框架 集 另存 为 "命令 ,打开 “另存 为 "对话 框 ,如 图 6-49 所 
示 。“ 文 件 名 "下拉 列表 框 中 默认 名 称 是 UntitledFrameset- 
序列 号 ,选择 好 保存 位 置 及 修改 文件 名 后 , 单 击 “保存 ”按钮 
即 可 。 


3. 保存 所 有 文档 


本 张 梧 (Z 坦 看 WD 拖 和 (D 直 


新 建 0D) CtrltH 

打开 @).. Ctrl40 

在 Bridge 中 浏览 @@) ， Ctrl+Alt+0 
打开 最 近 的 文件 (I) 上 
在 框架 中 打开 纪 ) Ctrl+Shiftt0 
关闭 C) Ctrlty 

全 部 关闭 到) CtrltShiftty 
共享 我 的 屏幕 员 

框架 另存 为 0). Ctrltshi py 
保存 全 部 QL) 

保存 所 有 相关 文件 全 ) 

框架 另存 为 模板 曙 ) 


回复 至 上 次 的 保存 R) 


图 6-48 保存 一 个 框架 网 页 


如 果 是 首次 保存 框架 网 页 文档 和 框架 集 文 档 , 可 以 使 用 “保存 全 部 ”命令 将 所 有 的 框架 


网 页 文档 和 框架 集 文档 一 次 性 全 部 保存 。 


操作 步骤 : 选择 “文件 ”保存 全 部 ”命令 ,在 打开 的 对 话 框 中 依次 设置 好 保存 路 径 和 
文件 名 , 单 击 “ 保 存 ? 按 钮 就 完成 了 对 框架 所 有 文档 的 保存 操作 。 在 保存 过 程 中 ,通常 会 先 保 
存 框架 集 文档 FrameSet ,再 保存 各 个 框架 网 页 文档 Frame, 被 保存 的 当前 文档 所 在 的 框架 


或 框架 集 用 粗 线 表示 。 


132。 ”网 站 建设 与 网 页 设计 制作 


™Y 


UntitledFrameset-4 - 保存 (8) 
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5 (规范 分 解 ， 后 跟 规 范 合成 ) 器 新 建站 点 
口 包括 Wnicode 签名 DoD G) 站 点 根 目录 


图 6-49 保存 框架 集 文档 


6.3.4 编辑 框架 
1. 设置 属性 


选择 “窗口 ”框架 ”命令 ,可 以 调 出 浮动 面 
板 组 中 的 “框架 ”面板 ,如 图 6-50 所 示 。 在 显示 
的 “框架 ”面板 中 单 击 所 需 的 框架 即 可 将 其 选择 ， 眉 = 
被 选择 的 框架 会 以 加 粗 的 黑 框 线 加 以 显示 ,并 且 
同时 在 编辑 窗口 中 对 应 框架 加 上 了 虚线 边框 表 
示 被 选择 状态 。 
当 某 个 框架 网 页 被 选择 后 ,其 框架 的 “属性 ” 
面板 如 图 6-51 所 示 。 
。 “框架 名 称 ” 文 本 框 : 设置 框架 的 名 称 ， 
名 称 由 英文 字母 ,数字 、 下 划 线 或 空格 组 
成 并 以 英文 字母 开头 ,名 称 可 以 被 图 6-50 “框架 ”浮动 面板 
JavaScript 程序 引用 ,也 可 以 作为 打开 链 
接 的 目标 框架 名 。 
。“ 源 文件 ”文本 框 : 设置 选 定 框架 源 文 件 的 URL., 可 以 在 文本 框 中 直接 输入 源 文件 的 
路 径 和 名 称 ,也 可 以 单 击 文本 框 后 面 的 “浏览 ”按钮 EL .在 打开 的 对 话 框 中 重新 指 
定 源 文件 。 
。“ 滚 动 ”* 下 拉 列 表 框 : 设置 当 显示 空间 不 够 时 是 否 出 现 滚动 条 。 


] 
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frameset> Cfr ameset> CfraneimainFrane》 


面 | 框架 名 称 ，， 源 文件 @@) |5ackup/ 我 的 文档 /示例 /shili6.htnm]j 多 器 边框 到 | 默认 阁 
mainframe | 注 动 加 | 陵 人 辣 口 不 能 调整 大 小 人 @) 边 往 祝 色 [| | 


图 6-51 框架 的 “属性 ”面板 


是 : 表示 始终 显示 滚动 条 。 
否 : 表示 始终 不 显示 滚动 条 。 
自动 : 表示 当 框 架 文 档 内 容 超 出 了 框架 大 小 时 才 会 出 现 框架 滚动 条 。 
默认 : 表示 采用 大 多 数 浏览 器 采用 的 自动 方式 。 
“不 能 调整 大 小 ” 复 选 框 : 如 果 选 择 该 复 选 框 ,表示 不 能 在 浏览 器 中 通过 拖 动 框架 边 
框 来 改变 框 大 小 。 
“边框 "下 拉 列 表 框 : 设置 是 否 显 示 框 架 的 边框 。 
“边框 颜色 "文本 框 : 设置 框架 边框 颜色 。 
。“ 边 界 宽度 "文本 框 : 设置 当前 框 中 的 内 容 距 左右 边框 间 的 距离 。 
。“ 边 界 高 度 " 文 本 框 : 设置 当前 框 中 的 内 容 距 上 下 边框 间 的 距离 。 
除了 可 以 设置 单个 框架 网 页 的 属性 外 ,还 可 以 设置 整个 框架 集 的 属性 。 选 择 框架 集 后 ， 
该 框架 集 的 “属性 ?面板 如 图 6-52 所 示 。 同 上 面 的 框架 属性 设置 基本 相同 ,但 在 “ 行 ” 或 “ 列 ” 
栏 中 可 以 设置 框架 的 行 或 列 的 宽度 ,并 在 “单位 "下 拉 列 表 框 中 选择 合适 的 度量 单位 。 


值 O 单位 QD 
Po Cm 


图 6-52 框架 集 的 “属性 ”面板 


二 | ”框架 集 边框 角 ) | 否 | 边框 颅 色 (C) 厂 -| 
De | | 


2. 拆 分 框架 


制作 框架 网 页 可 以 根据 Dreamweaver CS5 定义 的 框架 集 来 创建 ,也 可 以 自行 设计 各 种 
类 型 的 框架 集结 构 ,以 符合 设计 要 求 。 自 行 设计 框架 集结 构 , 其 实 就 是 拆 分 框架 ,可 以 使 用 
鼠标 拖 动 框架 集 的 外 边框 直接 进行 拆 分 。 对 于 内 部 已 有 框架 线 ,也 可 以 用 鼠标 直接 拖 动 框 
架 线 实现 进一步 拆 分 。 

操作 步骤 : 按 住 Alt 键 , 选 择 左 侧 框架 ,用 鼠标 向 右 拖 动 框 架 的 右边 框 ,将 其 拆 分 成 不 
同 的 框架 。 

拆 分 框架 除了 按 住 Alt 键 进行 拖 动 拆 分 外 ,也 可 以 通过 菜单 命令 实现 拆 分 。 

操作 步骤 : 先 将 光标 定位 到 要 拆 分 的 框架 网 页 中 ,选择 “修改 ”一 “框架 集 ” 命 令 , 弹 出 
图 6-53 所 示 的 “ 拆 分 左 框架 "“ 拆 分 右 框架 ”"“ 拆 分 上 框架 "和 * 拆 分 下 框架 ”等 命令 ,选择 其 
中 一 项 命令 即 可 实现 对 框架 相应 的 拆 分 操作 。 
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| 格 式 (0) 命令 (CD) 站 点 (5) 
页 面 属 性 到 ) CtrltJ 
模板 属性 ) 

v 所 选 属性 GE) 
Css 样式 加) Shi ft+F11 
编辑 标签 E).. 
快速 标签 编辑 器 @). .Ctrl+T 
创建 链接 LL) CtrltL 
移 除 链接 Ctrl+Shift+L 
打开 链接 页 面 (0) 
链接 目标 (G) 上 
表格 江 ) » 
图 像 I) » 
ES 由。 恩 和 天 ER 内 容 四 

“| 。 拆 分 右 框架 加 
川 “ 拆 分 上 框架 0QD 
模板 邓 ) 外。 拆 分 下 框架 名) 
图 6-53 ” 拆 分 框架 
3. 删除 框架 
如 果 框 架 集中 有 多 余 的 框架 ,也 可 以 将 其 删除 ,用 鼠标 将 框架 边框 脱离 编辑 窗口 即 可 删 
除 框架 。 


操作 步骤 : 将 光标 定位 到 需要 删除 的 框架 边框 上 , 当 鼠 标 变 为 左右 两 个 方向 箭头 时 , 按 
住 鼠 标 左 键 不 放 进行 拖 动 ,将 其 边框 拖 到 页 面 外 后 ,释放 鼠标 左 键 就 完成 了 删除 操作 。 

如 果 框 架 中 有 未 保存 的 内 容 ,Dreamweaver CS5 会 提示 保存 该 文档 。 通 过 关闭 显示 框 
架 集 的 文档 窗口 可 以 删除 框架 集 ,如 果 该 文件 已 经 保存 ,可 以 删除 该 文件 。 


4. 链接 框架 


要 在 一 个 框架 中 使 用 链接 打开 另 一 个 框架 中 的 文档 ,必须 设置 链接 目标 ; 链接 的 目标 
属性 指定 在 其 中 打开 链接 的 内 容 框架 或 窗口 。 如 果 导 航 条 位 于 左 框架 ,而 希望 链接 的 材料 
显示 在 右 侧 的 主要 内 容 框架 中 , 则 必须 将 主要 内 容 框架 的 名 称 指 定 为 每 个 导航 条 链接 的 目 
标 。 当 访问 者 单 击 导 航 链接 时 ,将 在 主 框架 中 打开 指定 的 内 容 。 

在 “属性 ?面板 中 的 “目标 ?下 拉 列 表 中 选择 mainFrame 选项 ,用 来 作为 指向 链接 的 目 
标 ; 在 “属性 ?面板 中 的 “链接 "下 拉 列 表 中 选择 链接 文档 应 在 其 中 显示 的 框架 或 窗口 。 设 置 
好 “链接 ”后 ,再 设置 对 应 的 “目标 ”位 置 。 

。 _blank: 打开 一 个 新 窗口 显示 目标 网 页 。 

。 _parent: 目标 网 页 的 内 容 在 父 框架 窗口 中 显示 。 

。 _self: 目标 网 页 的 内 容 在 当前 所 在 框架 窗口 中 显示 。 

。 _top: 目标 网 页 的 内 容 在 最 顶层 框架 窗口 中 显示 。 


6.3.5 用 框架 布局 网 页 
在 网 页 中 ,一 个 网 页 可 以 包含 多 个 页 面 ,此 时 需要 用 到 框架 。 使 用 框架 可 以 进行 页 面 布 


局 ,把 网 页 划分 为 几 个 区 域 。 图 6-54 所 示 就 是 用 框架 布局 的 一 个 示例 ,这 个 页 面 可 分 为 顶 
部 框架 , 左 侧 框架 和 右 侧 框架 三 个 框架 ,其 中 顶部 框架 为 固定 区 ,主要 用 于 设置 标题 等 信 
左 侧 框架 为 导航 区 ,加 上 超 链 接 后 ,每 选择 一 项 内 容 都 在 右 侧 有 所 展示 ; 而 右 侧 框架 则 为 内 
容 区 ,主要 用 于 显示 不 同 的 分 页 内 容 。 
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图 6-54 框架 布局 网 页 


网 页 超 链接 | 


超 链接 是 WWW 技术 的 核心 ,是 网 页 中 最 重要 、 最 根本 的 元 素 之 一 。 超 链接 能 够 使 多 
个 孤立 的 网 页 之 间 产 生 一 定 的 相互 联系 ,从 而 使 单独 的 网 页 形成 一 个 有 机 的 整体 。 


Ci 超 链接 概述 


超 链 接 在 本 质 上 属于 网 页 的 一 部 分 , 它 是 一 种 允许 网 页 同 其 他 网 页 或 站 点 及 文件 之 间 
进行 连接 的 元 素 。 各 个 网 页 链接 在 一 起 才能 真正 构成 一 个 网 站 。 所 谓 的 超 链接 是 指 从 一 个 
网 页 指向 一 个 目标 的 连接 关系 ,这 个 目标 可 以 是 男 一 个 网 页 ,也 可 以 是 相同 网 页 上 的 不 同位 
置 ,还 可 以 是 一 个 图 片 、 一 个 电子 邮件 地 址 、 一 个 文件 ,甚至 是 一 个 应 用 程序 等 。 在 一 个 网 页 
中 用 来 超 链 接 的 对 象 ,可 以 是 一 部 分 文本 或 者 是 一 个 图 片 及 图 片 的 部 分 区 域 。 当 浏览 者 单 
击 已 经 链接 的 文字 或 图 片 后 ,链接 目标 将 显示 在 浏览 器 上 ,并 且 根 据 目 标的 类 型 来 打开 或 
运行 。 

按照 链接 路 径 的 不 同 , 网 页 中 的 超 链接 一 般 分 为 以 下 三 种 类 型 : 内 部 链接 、 锚 点 链接 和 
外 部 链接 。 如 果 按 照 使 用 对 象 的 不 同 ,网 页 中 的 链接 又 可 以 分 为 文本 超 链 接 、 图 像 超 链 接 、 
E-mail 链接 、 锚 点 链接 、 多 媒体 文件 链接 和 空 链接 等 。 


(3 链接 路 径 


7.2.1 文档 的 路 径 


在 创建 超 链接 之 前 ,首先 了 解 网 站 中 三 种 类 型 的 文档 路 径 : 绝对 路 径 、 与 根 目录 相对 路 
径 及 与 文档 相对 路 径 。 

(1) 绝对 路 径 。 是 指 包 含 服务 器 协议 (对 于 网 页 来 说 通常 是 http:// 或 ftp://) 的 完全 
路 径 , 绝 对 路 径 包 含 的 是 精确 地 址 的 位 置 。 但 是 ,如 果 目 标 文件 被 移动 , 则 链接 无 效 。 创 建 
外 部 超 链接 时 必须 使 用 绝对 路 径 。 

(2) 与 根 目录 相对 路 径 。 是 从 当前 站 点 的 根 目录 开始 的 路 径 。 站 点 上 所 有 可 公开 的 文 
件 都 存放 在 站 点 的 根 目 录 下 。 与 根 目录 相对 路 径 使 用 斜 杠 以 告诉 服务 器 从 根 目录 开 始 。 

(3) 与 文档 相对 路 径 。 是 指 和 当前 文档 所 在 的 文件 夹 相 对 的 路 径 。 这 种 路 径 通常 是 最 
简单 的 路 径 , 可 以 用 来 链接 与 当前 文档 处 于 同一 文件 夹 下 的 文档 。 


7.2.2 超 链 接 的 路 径 分 类 
网 页 上 的 超 链接 一 般 分 为 以 下 三 种 。 
1. 绝对 URL 的 超 链接 


URL(Uniform Resource Locator, 统 一 资源 定位 符 ) ,简单 地 讲 就 是 网 络 上 的 一 个 站 
点 、 网 页 的 完整 路 径 , 如 http://www. sina. cn。 创 建 到 其 他 服务 器 上 的 外 部 链接 时 ,必须 使 
用 绝对 路 径 。 创 建 内 部 链接 时 ,通常 不 指定 链接 到 固定 的 URL 上 ,而 是 指定 一 个 起 自 当前 
文档 或 站 点 根 目录 文件 夹 的 相对 路 径 , 以 方便 站 点 移动 时 链接 的 维护 。 


2. 相对 URL 的 超 链 接 


例如 将 自己 网 页 上 的 某 一 段 文字 或 某 标 题 链接 到 同一 网 站 的 其 他 网 页 上 面 去 ,这 时 通 
常 使 用 文档 相对 路 径 。 文 档 相 对 路 径 省 略 了 与 当前 文档 和 所 链接 的 文档 都 相同 的 绝对 的 
URL 部 分 ,而 只 提供 不 同 的 路 径 部 分 ,前 提 是 文档 最 好 先 保存 到 相应 位 置 。 

相对 URL 的 超 链接 具体 分 为 三 种 情况 : 

(1) 如 果 当 前 文档 与 链接 目标 文档 处 于 同一 文件 夹 时 ,相对 路 径 只 提供 目标 文档 文件 
名 即 可 ,如 shili6. html 等 。 

(2) 如 果 链 接 目标 文档 处 于 当前 文档 所 在 文件 夹 的 子 文件 夹 中 ,那么 相对 路 径 提 供 到 
目标 文档 路 径 的 子 文件 夹 名 和 目标 文档 文件 名 ,中 间 用 正和 斜 杠 “/” 分 隔 , 如 fenye/shilil 
.html 等 。 

(3) 如 果 链 接 目 标 文档 处 于 当前 文档 所 在 文件 夹 的 父 文件 夹 中 ,那么 相对 路 径 提供 目 
标 文档 文件 名 的 同时 ,前 面 还 要 添加 *.. /” 表 示 到 上 一 级 文件 夹 , 如 .. /index. html 等 。 


3. 同一 网 页 内 的 超 链接 


在 同一 网 页 内 的 超 链接 就 要 使 用 锚 点 (也 称 为 书签 ) 的 超 链 接 , 一 般 用 “#” 号 加 上 名 称 
链接 到 同一 页 面 的 指定 地 方 , 即 锚 记 所 在 位 置 。 


C3 创建 超 链接 


7.3.1 创建 文本 超 链 接 


文本 超 链接 是 网 页 中 最 常见 的 超级 链接 ,文本 对 象 可 以 创建 普通 链接 、 锚 点 链接 和 电子 
邮件 链接 等 。 下 面 以 站 内 链接 为 例 ,具体 操作 步骤 : 先 选 中 要 创建 超 链接 的 文本 ,打开 “ 属 
性 ”面板 ,如 图 7-1 所 示 。 

单 击 “ 属 性 ”面板 中 “链接 ”下 拉 列 表 框 后 的 “浏览 文件 "按钮 国 | ,打开 “选择 文件 ”对 话 
框 ,如 图 7-2 所 示 。 

在 “查找 范围 "下 拉 列 表 框 中 指定 链接 目标 文件 的 位 置 ,在 “文件 名 ”列表 框 中 选择 需要 
链接 的 具体 文档 ,在 “相对 于 ”下 拉 列 表 框 中 设置 相对 关系 , 单 击 “ 确 定 ” 按 钮 ,关闭 该 对 话 框 。 
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属性 
[rm | 
本 cs mw 图 


选择 文件 名 自 : 文件 系统 
口交 所 源 


查找 范围 中; | 加 示例 


Binaces 其 torrra 
其 Fr nset-l 


hahas 
| 所 有 文件 Ga) 


[hehaa htal 


文档 同 shiliT ht 


在 站 点 定义 中 更 改 黔 认 的 链 控 相对 于 


图 7-2 “选择 文件 ”对 话 框 


在 “属性 ”面板 的 “目标 ”下 拉 列 表 框 中 指定 链接 网 页 打开 的 方式 。“ 目 标 ” 也 称 为 目标 区 , 即 
超级 链接 指向 的 页 面 出 现在 什么 目标 区 域 , 默 认 的 情况 下 有 几 个 选项 

。 _blank: 单 击 每 一 个 链接 ,都 在 一 个 新 窗口 中 打开 。 

。 _new: 在 同一 个 刚 创建 的 窗口 中 打开 。 

。 _ parent: 如 果 是 榜 套 的 框架 ,会 在 父 框架 或 窗口 中 打开 链接 的 文档 ; 如 果 不 是 嵌 套 

框架 , 则 与 选择 top 选项 的 效果 相同 ,在 整个 浏览 器 窗口 中 打开 所 链接 的 文档 。 

。 _self: 浏览 器 默认 的 设置 .在 当前 网 页 所 在 窗口 中 打开 所 链接 的 网 页 。 

。 _top: 在 完整 的 浏览 器 窗口 中 打开 网 页 。 

也 可 以 通过 “属性 ”面板 中 “链接 ”下 拉 列 表 框 后面 的 “指向 文件 ”按钮 一 | 创建 超 链接 。 

操作 步骤 : 先 选中 要 创建 超 链接 的 文本 ,在 “属性 ”面板 中 单 击 “ 链 接 ” 下 拉 列 表 框 后 面 
的 “指向 文件 ?按钮 [向 | , 按 住 鼠 标 左 键 不 放 拖 动 到 右边 的 浮动 面板 “文件 ”面板 中 要 链接 的 
目标 文件 上 ,如 图 7-3 所 示 , 指 定好 目标 文件 后 再 松 开 鼠 标 左 键 , 再 设置 相应 的 “目标 ”方式 


7-3 ”利用 “指定 文件 "按钮 创建 文本 超 链接 


如 果 要 创建 站 外 的 超 链接 , 则 直接 在 “属性 ”面板 的 “链接 ”下 拉 列 表 框 中 输入 绝对 路 径 
即 可 ,例如 输入 http://www. baidu. com 等 。 超 链接 设置 结束 后 ,在 网 页 中 被 选择 的 文字 
颜色 默认 变 为 蓝 色 ,上 且 在 文字 底部 出 现 一 条 下 划 线 , 即 表 示 文 字 的 超 链接 设置 完成 ,保存 后 
按 F12 键 预览 网 页 。 

删除 文本 超 链接 比较 容易 ,操作 步骤 : 先 用 鼠标 选中 已 设置 过 链接 的 文本 对 象 ,将 光标 
定位 在 其 "属性 ?面板 的 “链接 "文本 框 中 ,用 BackSpace 键 或 Delete 键 将 其 显示 的 超 链 接 对 
象 文件 名 删除 , 按 Enter 键 即 可 取消 文本 超 链接 ; 或 者 右 击 被 链接 的 文本 后 ,在 弹出 的 快捷 
菜单 中 选择 “ 移 除 链接 ”命令 或 选择 “修改 ”>“ 移 除 链接 ”命令 ,也 可 删除 文本 超 链 接 。 


7.3.2 创建 图 像 超 链 接 


在 图 像 上 创建 超 链 接 有 两 种 情况 : 一 种 是 创建 整个 图 像 的 超 链接 ; 另 一 种 是 创建 图 像 
上 的 热点 链接 , 即 在 一 个 图 像 的 不 同 区 域 创建 热点 , 单 击 不 同 的 热点 区 域 可 以 链接 到 不 同 的 
目标 。 

1. 整个 图 像 的 超级 链接 

整个 图 像 的 超 链接 创建 与 文本 的 超 链 接 创建 基本 相同 ,操作 步骤 : 选中 所 需 建立 超 链 
接 的 图 片 ,此 时 属性 面板 为 图 片 的 “属性 ”面板 ,如 图 7-4 所 示 , 在 图 片 “属性 ”面板 中 为 图 片 
添加 文档 相对 路 径 的 链接 。 具 体 方法 可 参考 为 文本 添加 超 链接 的 操作 ,保存 后 按 F12 键 预 
览 网 页 。 


犀 性 

黑 图 你 196K 寅 加 |2eo_ 门 源 文件 (8) [iscez/hh jpe [es 加 美加 [无 加 
nm 二 中 谤 扫 W eh Kil SD 和 国 了 7 

地 图 旭 和 走边 拭 只 目标 @) 司 im 芝 本 OA 

N] DOV *TwEe) nd 图 已 矣 由 [gw 作 国 


图 7-4 ”图像 的 “属性 ”面板 


图 像 链 接 不 像 文 本 链接 那样 会 发 生 许多 提示 ,图像 本 身 不 会 发 生 改 变 , 只 是 在 预览 网 页 
时 , 当 鼠 标 指针 经 过 带 链接 的 图 像 时 ,指针 的 形状 变 为 " 手 ” 的 形状 。 单 击 图 像 就 会 打开 所 链 
接 的 对 象 。 


2. 图 像 的 热点 链接 


图 像 热点 是 指 在 一 幅 图 片上 创建 多 个 区 域 , 并 可 以 单 击 触发 , 当 单 击 某 个 热点 时 会 发 生 
某 种 链接 或 行为 。 

创建 图 像 的 热点 链接 ,需要 先 创建 图 像 的 热点 区 域 , 操 作 步骤 : 选中 某 图 像 后 ,在 图 像 
“属性 ?面板 中 使 用 热 区 工具 (如 和 矩形 热点 工具 并 、 圆 形 热点 工具 度 光 多 边 形 热点 工具 
Xi ) ,在 图 像 上 划分 热 区 , 热 区 划分 后 ,打开 热点 “属性 ”面板 ,如 图 7-5 所 示 ,为 绘制 的 每 
一 个 热 区 设置 不 同 的 链接 地 址 和 替换 文字 。 

网 页 文件 shili7. html 设计 完成 后 的 效果 如 图 7-6 所 示 ,保存 后 按 F12 键 预览 网 页 , 单 
击 图 像 中 每 人 条 花 的 热点 区 域 ,就 会 打开 相应 的 分 页 ,去 详细 查看 每 种 花 的 介绍 。 
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图 7-6 图 像 热点 效果 


7.3.3 创建 锚 点 超 链 接 


锚 点 链接 是 指 跳 到 网 页 某 一 特定 位 置 的 超 链接 ,这 种 链接 的 目标 端点 是 网 页 中 的 “命名 
锚 记 ”。 利 用 这 种 链接 ,可 以 跳 转 到 当前 网 页 中 的 某 一 指定 位 置 上 ,也 可 以 跳 转 到 其 他 网 页 
中 的 某 一 指定 位 置 上 。 比 如 在 一 些 内 容 很 多 的 网 页 中 ,通常 会 在 该 网 页 开始 部 分 的 小 标题 
上 设置 好 锚 点 链接 , 当 浏 览 者 单 击 网 页 中 的 部 分 小 标题 时 ,网 页 可 以 直接 跳 到 小 标题 对 应 的 
内 容 部 分 , 免 去 浏览 者 翻阅 网 页 寻找 信息 的 麻烦 。 

锚 点 用 来 标记 文档 中 的 特定 位 置 , 使 用 锚 点 可 以 跳 转 到 当前 文档 或 其 他 文档 中 的 标记 
位 置 。 在 网 页 中 创建 锚 点 链接 包括 两 个 步骤 : 一 是 在 网 页 中 创建 命名 锚 记 ,二 是 为 命名 锚 
记 建立 超 链接 。 


1. 创建 锚 记 


创建 命名 锚 记 ,就 是 在 网 页 中 设置 位 置 标记 ， 
并 给 该 位 置 一 个 名 称 ,以 便 引 用 。 

操作 步骤 : 将 光标 定位 到 需要 插入 错 点 的 位 
置 ,选择 “插入 ”-~“ 命 名 锚 记 ”命令 ,打开 * 命 名 错 
记 ” 对 话 框 ,如 图 7-7 所 示 。 在 对 话 框 中 设置 好 锚 a 
记名 称 , 单 击 * 确 定 "按钮 ,在 光标 所 在 位 置 会 出 现 交 全 全 全 


命名 锚 记 嘲 (注意 锚 记 名 称 区 分 大 小 写 ) 。 
2. 链接 锚 记 


操作 步骤 : 在 “设计 ”视图 的 文档 中 先 选择 需要 创建 锚 记 链接 的 文本 或 图 像 ,在 “属性 ” 
面板 的 “链接 ” 栏 后 的 文本 框 中 直接 输入 " 间 锚 记名 称 ” 即 可 。 

注意 : 如 果 链 接 的 目标 锚 点 标记 在 当前 页 面 即 输入 “ 井 锚 记 名 称 ”; 如 果 链 接 的 目标 锚 
点 标记 在 其 他 网 页 , 即 和 要 输入 目标 网 页 的 地 址 和 名 称 , 然 后 再 输入 “ 井 锚 记 名 称 ”。 例 如 在 
图 7-8 所 示 的 效果 图 中 ,选中 "荷花 "文本 后 ,在 “属性 "面板 的 “链接 ”文本 框 中 输入 # hehua， 
就 将 命名 锚 记 链接 到 了 “荷花 ”文本 上 ,保存 后 按 F12 键 浏览 时 , 单 击 “ 荷 花 ? 文 本 ,网 页 会 立 
即 跳 转 到 相应 锚 记 处 。 


牡丹 花 --- 邦 金 香 -- 向 日 旨 


芭 政 现 〔 学 名 ，Rosa mgosa) ， 属 蓄 蕉 目 ， 匡 莉 科 落叶 淮 木 ， 枝 杆 多 针 抽 , 志和 天香 际 ， 小 叶 5 一 9 片 ， 三 图 形 ， 有 边 刺 。 花 辩 倒 孵 形 上 
， 重 辩 至 半 重 辩 ， 花 有 条 红色 、 白 色 ， 果 期 8-9 月 ， 扁 球形 。[]] 苦 玫 现 原 产 是 中 国 ， 在 日 本 Rosa mgoss 称 为 激 梨 ， 激 匣子， 朝鲜 称 为 绩 

呈 到 得 在 。 玫 换 作 为 农作物 时 ， 其 花 休 主要 用 于 食品 及 提 烽 香 畏 玫 再 油 ， 玫 现 宙 应 用 于 化 站 品 。 售 品 、 精 组 化 工 等 工业 。 在 日 常生 活 

中 ， 人 们 将 蔷 葵 属 一 系列 花 大 艳丽 的 栽培 品种 〈rose) 统称 为 玫瑰 。 直 立 获 木 ， 高 可 达 2 米 ， 芭 粗壮 , 人 小 枝 密 被 绒毛 ， 关外 


1-2.5 厘 米 ， 先 端 急 尖 或 图 钝 ， 基 部 贺 形 或 宽 模 形 ， 边 缘 有 尖锐 饮 具 ， 上 面 深 绿色 ， 无 毛 ， 人 有 褐 策 ， 下 面 大 绿色 

网 肪 明显 ， 密 被 引 毛 和 腺 毛 ， 有 时 腺 毛 不 明显 ， 叶 柄 和 叶 铀 窗 被 续 毛 和 腺 毛 ， 托 叶 大 部 贴 生 于 叶柄 ， 高 生 部 分 孵 形 ， 和 向 ， 

下 面 被 红 毛 。 花 单 生 于 叶 肚 ， A 巷 片 孵 形 ， 边 缘 有 腺 毛 ， 外 被 绒毛 ， 花 恒 长 $ -22 5 毫 米 ， 密 被 域 毛 和 腺 毛 ， 花 直径 4-5.5 厘 洲 

， 苯 片 卵 杖 披 针 形 ， 先 端 尾 状 渐 尖 ， 常 有 羽 状 裂片 而 扩展 成 叶 杖 ， 上 面 有 稀 玖 凶 毛 ， 下 面 密 被 条 毛 和 穆 毛 ， 花 着 倒 卵 形 ， 重 裤 至 半 重 洽 

Ps pr nt 被 毛 ， 稍 伸 出 壮 简 口外 ， 比 雁荡 短 很 多 ， 果 肩 球形 ， 直 径 2-2.5 厘 米 ， 砖 红色 ， 肉 质 ， 平 油 ， 茜 片 胜 
.6 -9 月 。[1] 


志 茶 花 (学 名 ，Nelwmbo nucifera) ， 又 名 莲花 、 水 甘于 等 ， 属 王 涟 目 , 于 地 下 莹 长 而 肥厚 ， 有 长 节 ， el 
形 。 花 期 6 至 9 月 ， 单 生 于 花 司 顶端 ， 花 浙 多 数 ， 次 生 在 花 托 穴内 ， 有 红粉 红 、 白 、 第 等 色 ， 或 有 彩 纹 、 司 边 。 坚 果 身 国 形 ， 
oD 这 re or i 


pr 


mm 


图 7-8 锚 记 链接 


还 可 以 通过 拖 忠 的 方式 来 进行 锚 点 链接 。 

方法 一 : 选择 要 链接 的 文本 或 图 片 后 , 按 住 Shift 键 不 放 , 然 后 拖 动 鼠标 指向 锚 点 标记 
位 置 上 ,在 “属性 ”面板 的 “链接 ”文本 框 中 会 自动 出 现 符号 # 和 该 锚 记 的 名 称 ,确认 后 释放 鼠 
标 左 键 和 Shift 键 即 可 完成 链接 ,如 图 7-9 所 示 。 


a 推 藻 一 怕 州 荐 要 信 香 


人 
为 丘 至 和 区 下 。 下 现 作 大家 作 樟 时 业 在 帮 这 惠 册 ， 玫 殉 狂 应用 于 化 枚 品 、 


i : te 
i 
米 ， 社 工 色 ， 肉质 ， 平 滑 ， 尊 片 客 生 。 花 基 4.6 月 ， 采 肢 9 月 。[] 
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图 7-9 拖 动 实现 锚 点 链接 


方法 二 : 选择 要 链接 的 文本 或 图 片 后 , 按 住 “属性 ”面板 的 “链接 "文本 框 后 的 “指向 文 
件 ” 按 钮 CH ,并 拖 动 鼠 标 指向 锚 点 ,在 “属性 ”面板 的 “链接 ”文本 框 中 会 自动 出 现 符号 # 和 
该 锚 记 的 名 称 ,确认 后 释放 鼠标 左 键 即 可 实现 链接 。 


网 站 建设 与 网 页 设计 制作 


在 命名 锚 记 时 ,要 注意 尽量 使 用 字母 和 数字 并 以 字母 开头 , 锚 点 名 称 中 间 不 能 含有 空格 
和 特殊 字符 ,在 链接 锚 记 时 ,在 符号 并 和 ” 锚 记 名 称 ” 之 间 不 要 留 有 空格 ,符号 并 必须 是 半角 
符号 ,不 能 为 全 角 符号 ,否则 链接 会 失效 。 在 同一 个 页 面 中 ,命名 锚 记 的 名 称 不 能 重复 ,否则 
系统 会 不 知道 跳 转 到 哪个 命名 锚 记 处 。 


7.3.4 创建 电子 邮件 超 链接 


电子 邮件 超 链 接 是 一 种 链接 到 电子 邮件 地 址 的 链接 ,在 浏览 器 上 单 击 这 种 链接 ,可 以 启 
动 电子 邮件 程序 (如 Outlook、Foxmail 等 ) 书 写 邮 件 , 并 将 电子 邮件 链接 中 的 E-mail 地 址 添 
加 到 地 址 栏 中 ,设置 好 后 可 发 送 到 指定 的 地 址 。 

操作 步骤 : 选中 需要 设置 链接 的 文本 或 图 像 ,在 “属性 ?面板 的 “链接 ? 栏 中 直接 输入 
“mailto: 邮件 地 址 ”, 如 mailto: master @ qq. 
com; 或 者 选择 “插入 ”工具 栏 中 “常用 ”标签 里 
的 “电子 邮件 链接 ”按钮 本 ,打开 “电子 邮件 
链接 ”对 话 框 ,如 图 7-10 所 示 , 在 “电子 邮件 ” 
文本 框 中 直接 输入 邮件 地 址 即 可 ,如 master@ 
qq. com 等 ,网 页 文件 保存 后 按 Fl2 键 预览 图 7-10 “电子 邮件 链接 ”对 话 框 


7.3.5 创建 空 链 接 


空 链接 是 一 个 未 指定 目标 的 链接 ,通常 用 来 激活 页 面 中 的 对 象 或 文本 。 当 文本 或 对 象 
被 激活 后 ,可 以 为 之 添加 行为 。 
操作 步骤 : 选中 要 制作 空 链接 的 对 象 , 在 链接 文本 框 中 直接 输入 # 。 


7.3.6 创建 JavaScript 链接 


创建 JavaScript 链接 可 以 让 浏览 者 不 用 离开 当前 页 面 就 可 以 获得 一 个 额外 的 信息 。 

操作 步骤 : 选择 需要 建立 JavaScript 链接 的 文本 或 图 像 等 对 象 ,在 “属性 ”面板 的 “ 链 
接 ” 文 本 框 中 输入 相应 的 JavaScript 代码 。 例 如 ,JavaScript:alert('JavaScript 链接 的 警告 !') 
可 以 弹出 一 个 警告 窗口 ; JavaScript:self:close() 或 JavaScript:window. close() 可 以 关闭 当 
前 窗口 等 ,如 图 7-11 所 示 。 网 页 文件 保存 后 按 F12 键 预览 效果 。 


7.3.7 ”下载 超 链接 


软件 下 载 是 通过 超 链 接 实现 的 ,只 不 过 超 链接 指向 的 对 象 不 是 一 般 的 HTML 网 页 文 
件 ,而 是 . exe 类 型 的 可 执行 文件 或 . zsip、. rar 类 型 的 压缩 文件 及 . ppt\. doc 类 型 的 文档 文 
件 等 。 当 单 击 “ 下 载 " 链 接 时 会 打开 “文件 下 载 " 对 话 框 ,询问 是 打开 还 是 保存 ,如 图 7-12 
所 示 。 
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图 7-11 创建 JavaScript 链接 


您 起 打开 或 保存 此 文件 吗 ? 


名 称 : bssz. ppt 
三 类 型 mieroseft PowerPoint 演示 文稿，2._38MB 
从 : J:\dmtkj 


打开 @) 保存 G) | [取消 
回 打 开 此 关 文 件 前 总 是 询问 好 


© 重光 RE 


图 7-12 “文件 下 载 ?对 话 框 


C.4 管理 超 链接 
在 Dreamweaver CS5 中 可 以 设置 链接 管理 属性 开启 链接 管理 功能 。 开 启 链接 管理 功 
能 后 ,对 站 点 内 文档 进行 移动 或 重 命名 等 操作 时 ,站 点 能 自动 更 新 与 该 文档 有 关 的 链接 。 
7.4.1 设置 链接 管理 属性 
1. 更 新 超 链 接 


操作 步骤 : 打开 某 一 网 页 后 ,选择 “编辑 ”~ 首选 参数 "命令 ,打开 “首选 参数 ?对话 框 ， 
如 图 7-13 所 示 。 选 择 “ 常 规 ” 分 类 ,在 “文档 选项 ”选项 区 域 中 的 “移动 文件 时 更 新 链接 "下拉 
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RA 


列表 中 选择 “总 是 ”或 者 “提示 ”, 单 击 “ 确 定 ” 按 钮 完成 设置 。 


文档 选项 : 回 显示 欢迎 屏幕 @) 
回 局 动 时 重新 打开 文档 @) 
打开 只 读 文件 时 警告 用 户 生 ) 
局 用 相关 文件 CD) 
搜索 动态 相关 文件 四 )- | 手动 ” 阐 


移动 文件 时 更 新 链接 由): | 提示 图 

回 插入 对 外 时 显示 对 话 恰 了 守 

回 区 许 双 字 节 内 联 给 入 @] 

回 标题 后 切 的 到 曾 通 段落 入 ) 

口 区 许多 个 连续 的 空格 曙 ) 

回 用 <strengy 和 《em> 代 普 @> 和 GoD 

回 在 9》 或 415》 标签 中 放置 可 编辑 区 域 时 发 出 警 洁 


历史 步 基 最 多 次 数 W): [0 ] 
拼写 字典 @: | 


图 7-13 更 新 超 链 接 设置 


2. 更 改 超 链接 


除了 可 以 自动 更 新 超 链接 外 ,还 可 以 手动 更 改 所 有 链接 ,包括 电子 邮件 链接 .FTP 链接 、 
空 链接 和 脚本 链接 等 ; 也 可 以 选择 "站 点 ”一 
“改变 站 点 范围 的 链接 "命令, 打开“ 更改 整个 站 
点 链接 ”对 话 框 ,如 图 7-14 所 示 , 单 击 其 中 的 
“浏览 文件 ”按钮 上 E 刘 ,弹出 “选择 要 修改 的 链 
接 ” 对 话 框 ,选择 新 的 连接 内 容 , 分 别 设置 好 后 ， 
单 击 “ 确 定 ” 按 钮 ,实现 更 改 链接 。 图 7-14 “更 改 整 个 站 点 链接 "对话 框 


更 已 溢 个 站 点 链接 (站 点 


3. 检查 超 链接 


Dreamweaver CS5 提供 了 “结果 ”浮动 面板 组 ,除了 具有 检查 浏览 器 兼容 性 、 代 码 兼 容 
性 等 强大 功能 外 ,还 可 以 利用 它 来 检查 甚至 修改 站 点 中 的 超 链接 。 

操作 步骤 : 选择 “站 点 ”>“ 检 查 站 点 范围 的 链接 ”命令 ,打开 “结果 ”浮动 面板 组 ,选择 其 
中 的 “链接 检查 器 ”标签 ,如 图 7-15 所 示 。 单 击 其 左边 的 “检查 链接 ”按钮 刻 对 ,在 打开 的 如 
图 7-16 所 示 的 菜单 中 选择 一 项 进行 链接 的 检查 操作 ,其 中 包括 检查 当前 文档 中 的 链接 、 检 
查 整 个 当前 本 地 站 点 的 链接 和 检查 站 点 中 所 选 文件 的 链接 。 

在 “结果 ”浮动 面板 组 的 “链接 检查 器 ”标签 下 的 “显示 ”标识 符 后 的 下 拉 列 表 框 中 还 可 以 
选择 “ 断 掉 的 链接 ”“ 外 部 链接 ”或 “孤立 的 文件 ”选项 ,如 图 7-17 所 示 , 分 别 用 来 修复 断 掉 的 
链接 和 外 部 链接 及 孤立 文件 等 ,其 中 孤立 文件 并 不 是 指 没有 用 的 文件 ,而 是 指 没 有 与 其 他 网 
页 发 生 链 接 的 文件 。 对 于 该 列表 中 的 文件 ,除非 是 经 过 检查 后 确定 这 些 文件 是 没 用 的 才 可 
以 删除 ,否则 最 好 不 要 一 次 全 部 删除 ,以免 追 悔 莫 及 。 


第 7 章 ”网 页 超 链接 


显示 侣 : [ 断 拓 的 省 接 |Y] (链接 文件 在 本 地 磁盘 没有 找到 ) 


[= 4 


| 本 种 章 素材 /shili7html hehua.html 


总 共 1 个 ，1 个 HTML。 总 共 9 个 链接 ,8 个 正确 , 1 个 断 挤 , 0 个 外 部 链接 
图 7-15 链接 检查 器 


链接 检查 器 
显示 (5): | 断 撞 的 链接 = | ( 泛 接 文件 在 本 地 磁盘 没有 找到 ) 


检查 当前 文档 中 的 | 
检查 整个 当前 本 地 站 点 的 链接 字 ) 
检查 站 点 中 所 选 文件 的 链接 (L) G) 


总 共 1 个 ，1 个 HIML 总 共 9 个 贸 接 ,8 个 正确 , 1 个 断 撞 , 0 个 外 部 链接 
图 7-16 检查 链接 


链接 文件 在 本 地 磁盘 没有 找到 ) 


[EEC vi 
| 二 /第 刀 。 外 部 链接 hehua.html 
日 ” 层 立 的 文件 | 


总 共 1 个 ，1 个 HTML。 总 共 9 个 链接 ,8 个 正确 , 1 个 断 拉 ,0 个 外 部 链接 
图 7-17 显示 下 拉 列 表 框 


7.4.2 合理 安排 超 链接 


合理 安排 超 链接 在 网 页 的 制作 中 是 非常 重要 的 。 采 用 什么 结构 的 链接 会 直接 影响 到 网 
页 的 布局 ,建议 合理 安排 超 链接 : 

(1) 应 该 避免 存在 孤立 的 文件 ,这 样 能 使 将 来 在 修改 和 维护 链接 时 有 清晰 的 思路 。 

(2) 在 网 页 中 避免 使 用 过 多 的 超级 链接 。 在 一 个 网 页 中 设置 过 多 超 链接 会 导致 网 页 的 
观赏 性 不 强 , 文 件 过 大 ,如 果 避 免不了 过 多 的 超 链 接 , 可 以 尝试 使 用 下 拉 列 表 框 \ 动 态 链接 等 
一 些 链接 方式 。 

(3) 网 页 中 的 超 链 接 不 要 超过 4 层 。 链 接 层 数 过 多 容易 让 人 产生 厌烦 的 感觉 ,在 力求 
做 到 结构 化 的 同时 ,应 注意 链接 避免 超过 4 层 。 

(4) 页 面 较 长 时 可 以 使 用 书签 。 在 页 面 较 长 时 ,可 以 定义 一 个 书签 ,这 样 能 让 浏览 者 方 
便 地 找到 想 要 的 信息 。 

(5) 设置 主页 或 上 一 层 的 链接 。 有 些 浏 览 者 可 能 不 是 从 网 站 的 主页 进入 网 站 的 ,设置 
主页 或 上 一 层 的 链接 会 让 浏览 者 更 加 方便 地 浏览 全 部 网 页 。 


网 页 高 级 应 用 | 


前 面 章 节 已 经 详细 介绍 了 静态 网 站 的 设计 技术 基础 ,本 章 将 介绍 网 页 设计 技术 中 的 高 
级 应 用 ,主要 包括 行为 的 应 用 、 表 单 的 使 用 .CSS 的 应 用 、 模 板 和 库 的 应 用 等 。 在 网 页 设计 
中 ,充分 运用 这 些 高 级 应 用 技术 ,可 以 制作 出 更 加 规范 、 更 加 精彩 、 更 具 活 力 的 网 页 。 


@.1 行为 的 应 用 


行为 是 用 来 动态 响应 用 户 操 作 、 改 变 当 前 页 面 效 果 或 是 执行 特定 任务 的 一 种 方法 。 行 为 
由 事件 和 动作 构成 。 事 件 是 为 大 多 数 浏览 器 理解 的 通用 代码 ,浏览 器 通过 释 译 来 执行 动作 。 
一 个 事件 也 可 以 触发 许多 动作 ,可 以 定义 它们 执行 的 顺序 。 在 “行为 ”面板 中 指定 一 个 动作 ， 
再 指定 触发 该 动作 的 事件 ,从 而 将 行为 添加 到 页 面 元 素 中 。 利 用 Adobe Dreamweaver CS5 
中 的 行为 ,无 须 书写 代码 ,就 可 以 实现 丰富 的 动态 页 面 效 果 , 达 到 用 户 与 页 面 的 交互 目的 。 


8.1.1 事件 与 动作 
一 般 来 说 ,行为 是 动作 和 触发 该 动作 的 事件 的 结合 体 。 
1. 事件 


事件 是 触发 动态 效果 的 原因 , 它 可 以 被 附加 在 各 种 页 面 元 素 上 ,也 可 以 被 附加 到 
HTML 标记 中 。 一 个 事件 总 是 针对 页 面 元 素 或 标记 而 言 的 ,是 访问 者 在 浏览 器 上 执行 的 一 
种 操作 。 例 如 ,在 某 个 对 象 上 , 单 击 、 双 击 、 鼠 标 指针 放 在 某 个 对 象 上 或 把 鼠标 指针 移 到 某 对 
象 之 外 ,这 是 与 鼠标 有 关 的 4 个 常见 事件 ( 单 击 一 一 onClick、 双 击 一 一 ondblClick、 鼠 标 移 到 
某 对 象 上 onMouseOver 及 鼠标 从 某 对 象 上 移 开 onMouseOut) ,不 同 的 浏览 器 支持 
的 事件 种 类 和 数量 是 不 同 的 ,通常 高 版 本 的 浏览 器 支持 的 事件 更 多 。 

不 同 的 事件 作用 的 对 象 不 同 , 如 onClick .ondblClick ,onMouseOver 及 onMouseOut 等 
事件 一 般 作 用 在 图 片 .链接 上 ,不 能 直接 作用 在 文字 上 ; onLoad( 打 开 网 页 ) 和 onunLoad( 离 
开 网 页 ) 事 件 一 般 作 用 在 body 标记 上 。 


2. 动作 


动作 其 实 是 一 段 网 页 上 的 JavaScript 代码 ,这些 代 码 在 特定 事件 被 激发 时 执行 ,从 而 实 
现 访问 者 与 Web 页 进行 交互 ,以 多 种 方式 更 改 页 面 或 执行 某 些 任务 ,通过 动作 来 完成 动态 
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效果 。 在 Dreamweaver CS5 中 提供 的 一 些 动 作 都 是 由 Dreamweaver 事先 编写 的 ,用 户 在 
Dreamweaver 的 “行为 ”中 可 以 轻松 地 为 某 个 对 象 添加 而 不 必 自 己 编写 。 


3. 事件 与 动作 的 关系 


将 "事件 ”和 "动作 ?组合 起 来 就 构成 了 “行为 "。 将 行为 附加 到 页 面 元 素 之 后 ,只 要 对 该 
元 素 触发 所 指定 的 事件 ,浏览 器 就 会 调用 与 该 事件 关联 的 动作 (JavaScript)。 例 如 ,将 
onMouseOver 行为 事件 与 一 段 JavaScript 代码 相关 联 , 当 鼠 标 指针 指向 页 面 元 素 上 时 就 可 
以 执行 相应 的 JavaScript 代码 (动作 )。 一 个 事件 可 以 触发 多 个 动作 ,在 实际 运行 中 根据 设 
置 的 次 序 进行 动作 。 

除了 Dreamweaver CS5 内 置 的 20 多 个 行为 外 ,用 户 还 可 以 链接 Adobe 官方 网 站 以 获 
取 更 多 的 行为 。 


8.1.2 行为 面板 


在 Dreamweaver CS5 中 ,对 “行为 "的 添加 和 控制 主要 通过 “行为 ”面板 来 实现 。 选 择 
“窗口 ”一 “行为 "命令 ,打开 “行为 ”面板 ,如 图 8-1 所 示 。 


Cl dd 
显示 设置 事件 降低 事件 值 
显示 所 有 事件 增加 事件 值 
删除 事件 
添加 行为 
图 8-1 “行为 ”面板 


在 “行为 ”面板 上 有 6 个 按钮 ,分 别 是 显示 设置 事件 按钮 .显示 所 有 事件 按钮 、 添 加 行为 
按钮 ,删除 事件 按钮 增加 事件 值 按钮 和 降低 事件 值 按钮 ,主要 作用 如 下 : 


1.“ 显 示 设置 事件 ”按钮 EE] 


单 击 “ 显 示 设 置 事件 ?按钮 , 仅 显 示 附 加 到 当前 文档 的 那些 事件 .。“ 显 示 设 置 事件 ?是 默 
认 的 视图 ,如 图 8-2 所 示 , 它 是 一 个 网 页 已 添加 行为 时 的 “行为 ”面板 显示 效果 。 


2.“ 显 示 所 有 事件 ”按钮 
单 击 “ 显 示 所 有 事件 ”按钮 ,显示 所 有 事件 ,如 图 8-3 所 示 。 


加 
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名 调用 JavaScript 
onLoad 器 
omllouse0ver ”器 设置 状态 栏 文本 


图 8-2 显示 设置 事件 


3.“ 添 加 行为 "按钮 +。 
单 击 * 添 加 行为 "按钮 ,会 出 现 


到 当前 所 选 元 素 的 所 有 行为 。 当 从 该 菜单 中 选择 一 


EEC 
一 国 | + - ^ ~ 


onBlur 


onKaylown 


ouseDut 
onMlouseDver 


orllouseUp 
onlinl oad 


器 设置 状态 栏 文本 


图 8-3 显示 所 有 事件 


一 个 “添加 行为 "菜单 ,如 图 8-4 所 示 。 
个 行为 时 ,将 出 现 一 


其 中 包含 可 以 附加 
个 对 话 框 ,在 该 对 话 框 


中 可 以 指定 附加 行为 的 相关 参数 。 如 果 某 行为 灰 显 ,说明 该 动作 不 能 附加 在 所 选 页 面 元 素 上 。 

页 面 添加 的 行为 会 显示 在 “行为 "列表 框 中 , 当 单 击 行为 列表 框 中 所 选 事 件 名 称 旁 边 的 
箭头 按钮 时 ,会 出 现 一 个 下 拉 列 表 , 其 中 包含 可 以 触发 该 动作 的 所 有 事件 ,如 图 8-5 所 示 。 
只 有 在 选择 了 行为 列表 中 的 某 个 事件 时 才 显 示 此 列表 。 根 据 所 选 对 象 的 不 同 , 显 示 的 事件 


也 有 所 不 同 。 


交换 图 像 

弹出 信息 

恢复 交换 图 像 

打开 浏览 器 窗口 
抢 动 好 元 素 
改变 属性 

效果 > 
显示 - 隐 褒 元 素 
检查 插件 

检查 表单 

设置 文本 
调用 JavaScript 
跳 转 菜单 

跳 转 菜单 开始 

转 到 ] URL 
预先 载 入 图 像 


获取 更 多 行为 . . . 


图 8-4 “添加 行为 "菜单 


[2 | oy 


国 呈 | ~ ~ 


onllousellove 


加 | D 

区 四 日 调用 JavaScript 
局 预先 载 入 图 像 

onllouseDowr 日 设置 状态 栏 文本 


图 8-5 事件 菜单 


4.“ 删 除 事件 ”按钮 = 
单 击 “ 删 除 事件 ”按钮 ,可 以 从 行为 列表 中 删除 所 选 的 事件 和 动作 。 


5.“ 增 加 事件 值 "按钮 仿 和 “降低 事件 值 ” 按 钮 下 


将 特定 事件 的 所 选 动 作 在 行为 列表 中 向 上 或 向 下 移动 。 给 定 事件 的 动作 是 以 选 定 的 顺 
序 执行 的 ,可 以 为 选 定 的 事件 更 改动 作 的 顺序 。 对 于 不 能 在 列表 中 上 下 移动 的 动作 ,箭头 按 
钮 将 被 禁用 。 


8.1.3 向 页 面 中 添加 基本 行为 


通过 ”行为 "面板 上 的 “添加 行为 ”按钮 国 .可 以 将 行为 附加 到 整个 文档 ,也 可 以 附加 到 
链接 图像, 文本 .表单 元 素 或 其 他 HTML 元 素 中 的 任何 一 种 。 

Dreamweaver CS5 自 带 的 行为 非常 丰富 ,基本 上 可 以 满足 页 面 设计 的 需要 ,下 面 就 
Dreamweaver CS5 内 置 的 几 个 常用 行为 的 使 用 方法 作 具 体 介绍 。 


1. 交换 图 像 


“交换 图 像 ” 行 为 通过 更 改 img 标签 的 src 属性 将 一 个 图 像 和 另 一 个 图 像 进行 交换 。 使 
用 此 行为 可 以 创建 “鼠标 经 过 图 像 " 或 其 他 图 像 效 果 ( 包 括 一 次 交换 多 个 图 像 )。 插 入 “鼠标 
经 过 图 像 " 会 自动 将 一 个 “交换 图 像 ” 行 为 添加 到 页 面 中 。 

注意 : 使 用 该 行为 必须 用 一 幅 与 原始 图 像 一 样 大 的 图 像 来 交换 原来 的 图 像 ,否则 交换 
的 图 像 将 被 压缩 或 扩展 以 适应 原始 图 像 的 尺寸 ,这 样 会 影响 图 像 的 显示 效果 。 

步骤 如 下 ， 

(1) 新 建 一 个 HTML 文件 并 保存 ,文件 名 为 jhtx. html。 

(2) 在 文档 中 插入 交换 原 图 像 (jhyt. jpg 文件 存储 在 “第 8 音素 材 " 中 ), 如 图 8-6 
所 示 。 

(3) 选取 并 打开 “行为 ”面板 , 单 击 “ 添 加 行为 ”按钮 二, 并 从 “行为 "下 拉 列 表 中 选择 “ 交 
换 图 像 "命令 ,打开 * 交 换 图 像 " 对 话 框 ,如 图 8-7 所 示 。 


图 8-6 插 和 人 交换 原 图 像 图 8-7 “交换 图 像 "对 话 框 
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其 中 : 

。 图 像 : 选取 需要 改变 其 源 文件 的 图 像 。 

。 设 定 原始 档 为 : 单 击 “ 浏 览 ” 按 钮 ,选取 新 图 像 的 文件 (新 图 像 jhtx. jpg 文件 存储 在 

“第 8 章 素 材 ” 中 ) ,或 在 其 文本 框 中 输入 新 图 像 的 文件 路 径 和 名 称 。 

。 预先 载 人 图 像 : 预先 下 载 新 图 像 ,提高 图 像 显示 效果 。 

(4) 设置 完成 后 , 单 击 “ 确 定 ” 按 钮 。 

(5) 在 “行为 ”面板 选择 适当 的 事件 ,默认 情况 下 ， 
“恢复 交换 图 像 ”的 事件 是 onLoad;“ 交 换 图 像 ” 的 事件 
是 onMouseOver。 


(6) 保存 并 预览 ,效果 如 图 8-8 所 示 。 图 8-8 预览 效果 
2. 弹出 信息 


使 用 "弹出 信息 ”行为 将 显示 一 个 带 有 指定 信息 的 警告 窗口 ,该 警告 窗口 包含 
JavaScript 警告 和 一 个 “确定 ”按钮 。 使 用 此 行为 只 能 提供 信息 ,而 不 能 为 用 户 提供 选择 。 

步骤 如 下 

(1) 新 建 一 个 HTML 文件 并 保存 ,文件 名 为 tcxx. html。 

(2) 选取 并 打开 “行为 ”面板 , 单 击 " 添 加 行为 ”按钮 天 ,并 从 “行为 ”下拉 列表 中 选择 “ 弹 
出 信息 ”命令 ,打开 “弹出 信息 ”对 话 框 ,如 图 8-9 所 示 。 


图 8-9 “弹出 信息 ”对 话 框 
(3) 在 “消息 ”列表 框 中 输入 要 显示 的 信息 文字 ,如 “欢迎 登录 数字 承德 ! 避暑 山庄 和 合 
(4) 设置 完成 后 , 单 击 “ 确 定 ” 按 钮 。 
(5) 检查 “行为 面板 中 默认 事件 是 否 是 所 需 的 事件 。 若 不 是 ,从 弹出 式 菜单 中 选择 适 
合 的 事件 。 
(6) 保存 并 预览 ,效果 如 图 8-10 所 示 。 


JavaScript 提醒 


欢迎 登录 数字 承德 避 导 山庄 和 合 承 管 


图 8-10 ”预览 效果 
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3. 打开 浏览 器 窗口 


使 用 “打开 浏览 器 窗口 "行为 可 在 一 个 新 窗口 中 打开 URL。 可 以 指定 新 窗口 的 属性 ( 包 
括 其 大 小 )、 特 性 (是 否 可 以 调整 大 小 .是 否 具有 菜单 栏 等 ) 和 名 称 。 

步骤 如 下 : 

(1) 新 建 一 个 HTML 文件 并 保存 ,文件 名 为 dkllq. html。 

(2) 选取 并 打开 “行为 ”面板 , 单 击 “ 添 加 行为 ”按钮 国 S ,并 从 “行为 ”下拉 列表 中 选择 “ 打 
开 浏 览 器 窗口 "命令 ,打开 “打开 浏览 器 窗口 ”对 话 框 ,如 图 8-11 所 示 。 


打开 浏览 器 窗口 


图 8-11 “打开 浏览 器 窗口 ?对 话 框 


其 中 : 
。 要 显示 的 URL: 单 击 “ 浏 览 ” 按 钮 ,选择 一 个 新 窗口 中 出 现 的 网 页 文件 ,或 直接 输入 
一 个 要 在 新 窗口 中 打开 的 网 址 或 网 页 文件 的 路 径 和 名 称 。 
“窗口 宽度 ”和 “窗口 高 度 ”: 指定 窗口 的 宽度 和 高 度 (以 像素 px 为 单位 )。 
导航 工具 栏 : 一 组 浏览 器 按钮 (包括 “后 退 ”“ 前 进 ”“ 主 页 ”和 “重新 载 和 信 ”)。 
地 址 工具 栏 : 一 组 包括 地 址 文本 框 的 浏览 器 选项 。 
状态 栏 : 位 于 浏览 器 窗口 底部 的 区 域 , 在 该 区 域 中 显示 消息 。 
菜单 条 : 浏览 器 窗口 上 显示 菜单 的 区 域 。 
需要 时 使 用 滚动 条 : 指定 如 果 内 容 超 出 可 视 区 域 应 该 显示 滚动 条 。 
调整 大 小 手柄 : 指定 用 户 可 以 调整 窗口 的 大 小 ,方式 是 手动 窗口 的 右 下 角 或 单 击 右 
上 角 的 最 大 化 按钮 。 

。 窗口 名 称 : 指 新 窗口 名 称 。 

(3) 设置 完成 后 , 单 击 “ 确 定 ” 按 钮 。 

(4) 检查 “行为 ”面板 中 上 默认 事件 是 否 是 所 需 的 事件 。 若 不 是 ,从 弹出 式 菜单 中 选择 适 
合 的 事件 。 

(5) 保存 并 预览 。 


4. 设置 文本 


“设置 文本 ”行为 可 以 动态 地 设置 容器 文本 、 框 架 文本 文本 域 文本 和 状态 栏 文 本 ,使 用 
方法 十 分 相似 ,这 里 以 “设置 状态 栏 文本 ”为 例 进 行 介绍 。 
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步骤 如 下 : 

(1) 新 建 一 个 HTML 文件 并 保存 ,文件 名 为 szwb. html。 

(2) 选取 并 打开 “行为 ”面板 , 单 击 “ 添 加 行为 ”按钮 国 ,并 从 “行为 "下 拉 列 表 中 选择 “ 设 
置 文本 ”一 “设置 状态 栏 文本 ”命令 ,打开 “设置 状态 栏 文本 ”对 话 框 ,如 图 8-12 所 示 。 


并 非 所 有 浏览 器 都 支持 更 改 状 态 栏 妆 本 ， 某 些 浏览 
根据 用 户 首先 地 数 来 六 十 意 害 多 许 此 芒 能 


图 8-12 “设置 状态 栏 文本 ”对 话 框 


(3) 在 “消息 ”文本 框 中 输入 要 显示 的 信息 文字 ,如 “欢迎 登录 数字 承德 ! 避暑 山庄 和 合 
(4) 设置 完成 后 , 单 击 “ 确 定 ” 按 钮 。 
(5) 检查 “行为 ”面板 中 默认 事件 是 否 是 所 需 的 事件 。 若 不 是 ,从 弹出 式 菜单 中 选择 适 
合 的 事件 。 
(6) 保存 并 预览 ,效果 如 图 8-13 所 示 。 
当 无 标题 文档 - Hicrosoft Internet Explorer 
文件 @) 编辑 人 E) 查看 QD 收 疗 由 ) 工具 CI) 帮助 0 


-日 : 国 国 给 甩 时 次 x 和 @ 伯 -学 


条 0: \ 我 的 文档 \Untitled-2. htnl ER 


» 


件 欢迎 登录 数字 承德 + 导 导 山庄 和 合 承 管 


图 8-13 ”预览 效果 


5. 转 到 URL 


使 用 “ 转 到 URL” 行 为 可 以 在 当前 窗口 或 指定 窗口 中 打开 一 个 新 页 。 此 操作 适用 于 通 
过 一 次 单 击 更 改 两 个 或 多 个 框架 的 内 容 。 例 如 ,可 以 为 按钮 添加 链接 或 当 鼠 标 放 到 图 像 上 
时 跳 转 到 新 的 页 面 等 。 

步骤 如 下 : 

(1) 新 建 一 个 HTML 文件 并 保存 ,文件 名 为 zdurl. html。 

(2) 选择 要 添加 该 行为 的 对 象 。 

(3) 选取 并 打开 “行为 ”面板 , 单 击 “添加 行为 ”按钮 寺 ,并 从 “行为 "下 拉 列 表 中 选择 “ 转 
到 URL” 命 令 , 打 开 “ 转 到 URL” 对 话 框 ,如 图 8-14 所 示 。 
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图 8-14 “ 转 到 URL” 对 话 框 


其 中 : 

。 打开 在 : 显示 新 的 URL 的 窗口 ,默认 是 “ 主 窗 口 ”。 

。“ 浏 览 ” 按 钮 : 选择 要 打开 的 文档 或 在 URL 文本 框 中 输入 要 打开 文档 的 路 径 和 

名 称 。 

(4) 设置 完成 后 , 单 击 “ 确 定 ” 按 钮 。 

(5) 检查 “行为 ”面板 中 默认 事件 是 否 是 所 需 的 事件 。 若 不 是 ,从 弹出 式 菜单 中 选择 适 
合 的 事件 。 

(6) 保存 并 预览 。 


6. 检查 表单 


利用 “检查 表单 "行为 可 以 为 表单 中 各 元 素 设 置 有 效 性 规则 ,并 检查 指定 文本 域 的 内 容 
以 确保 用 户 输入 正确 的 数据 类 型 ,防止 表单 提交 到 服务 器 后 任何 指定 的 文本 域 中 包含 无 效 
的 数据 。 常 见 的 用 法 有 两 种 : 第 一 种 是 将 该 动作 和 onBlur 事件 附加 到 单个 文本 域 , 当 用 户 
填写 表单 时 验证 该 文本 域 ; 第 二 种 是 将 该 动作 和 onSubmit 事件 附加 到 表单 , 当 用 户 单 击 
“提交 ”按钮 时 ,可 以 验证 多 个 文本 域 ,确保 上 传 到 服务 器 的 信息 的 合法 性 。 

步骤 如 下 : 

(1) 新 建 一 个 HTML 文件 并 保存 ,文件 名 为 jcbd. html。 

(2) 在 文档 中 插入 表单 和 文本 域 。 

(3) 执行 下 列 操作 之 一 : 

中 如 果 要 在 用 户 填写 表单 时 验证 单个 文本 域 , 选 取 一 个 文本 域 ,打开 * 行 为 面板 。 

@ 如 果 要 在 用 户 提交 表单 时 验证 单个 文本 域 , 单 击 文档 窗口 左下 角 标 签 选择 器 中 的 
去 form> 标 签 并 打开 ”行为 ?面板 。 

(4) 单 击 * 添 加 行为 ?按钮 国 ,并 从 “行为 "下 拉 列 表 中 选择 “检查 表单 "命令 ,打开 “检查 
表单 ”对 话 框 ,如 图 8-15 所 示 。 

其 中 : 

如 果 只 验证 单个 域 ,可 从 * 域 ?列表 框 中 选取 与 在 文档 窗口 中 所 选取 的 同样 的 域 ; 如 果 
验证 多 个 域 ,可 从 * 域 ?列表 框 中 依次 选择 文本 域 分 别 进行 设置 。 

如 果 该 域 中 必须 包含 数据 ,选择 “ 值 ” 后 面 的 “必需 的 " 复 选 框 。 

在 “可 接受 ”选项 区 域 中 选择 下 列 选 项 : 
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A 


可 接受 ，@ 任何 东西 〇 数字 
@ 〇 电子 邮件 地 址 ” 〇 数字 从 


图 8-15 “检查 表单 "对 话 框 


。 任何 东西 : 可 接受 任何 类 型 的 数据 。 

。 电子 邮件 地 址 : 检查 该 域 中 是 否 包 含 @ 符 号 。 

。 数字 : 检查 该 域 中 是 否 包含 数字 字符 。 

。 数字 从 XX 到 Xx : 检查 该 域 中 是 否 包含 指定 范围 的 数字 ,在 其 后 的 文本 框 中 输入 

数值 范围 。 

(5) 重复 以 上 操作 ,检查 其 他 的 文本 域 。 

(6) 设置 完成 后 , 单 击 “ 确 定 ” 按 钮 。 

(7) 检查 “行为 ”面板 中 默认 事件 是 否 是 所 需 的 事件 。 

如 果 在 用 户 提 交 表 单 时 检查 多 个 域 , 则 onSubmit 事件 自动 出 现在 “事件 ”菜单 中 。 如 
果 要 分 别 检查 每 个 域 , 则 检查 默认 事件 是 否 是 onBlur 或 onChange, 若 不 是 , 则 重新 选择 
onBlur 或 onChange。onBlur 或 onChange 事件 都 会 触发 “检查 表单 ”动作 ,它们 之 间 的 区 别 
在 于 onBlur 不 管用 户 是 否 在 该 域 中 输入 内 容 都 会 发 生 , 而 onChange 只 有 在 用 户 更 改 了 域 
中 内 容 时 才 发 生 。 当 指定 了 该 域 是 “必需 的 ? 域 时 ,最 好 使 用 onBlur 事件 。 

(8) 保存 并 预览 。 


7. 拖 动 AP 元 素 


“ 拖 动 AP 元 素 ” 行 为 允许 访问 者 拖 动 AP 元 素 。 使 用 此 行为 可 以 创建 拼图 游戏 、 滑 块 
控件 和 其 他 可 移动 的 界面 元 素 ,可 以 指定 访问 者 向 哪个 方向 拖 动 ,访问 者 应 将 该 AP 元 素 拖 
动 到 哪个 目标 ,如 果 AP 元 素 在 目标 范围 内 是 否 将 该 AP 元 素 靠 齐 目标 , 当 AP 元 素 接触 到 
目标 时 应 该 执行 什么 操作 和 其 他 更 多 选项 。 

步骤 如 下 : 

(1) 新 建 一 个 HTML 文件 并 保存 ,文件 名 为 tdap. html。 

(2) 单 击 编辑 窗口 中 的 空白 处 ,不 选择 AP 元 素 ,因为 AP 元 素 在 版 本 较 低 的 浏览 器 中 
都 不 能 接受 事件 。 

(3) 选取 并 打开 “行为 ”面板 , 单 击 “ 添 加 行为 ”按钮 这 ,并 从 “行为 "下 拉 列 表 中 选择 “ 拖 
动 AP 元素” 命令 ,打开 “ 拖 动 AP 元 素 ” 对 话 框 ,如 图 8-16 所 示 。 


取 神 目前 位 置 


图 8-16 “ 拖 动 AP 元 素 "对 话 框 中 的 “基本 "选项 卡 
其 中 : 
。 AP 元 素 : 选择 要 拖 动 的 AP 元 素 。 
。 移动: 包含 “限制 ?和 * 不 限制 ?两 个 选项 。 不 限制 移动 适用 于 拼图 游戏 和 其 他 拖 放 
游戏 ; 限制 移动 适用 于 滑 块 控件 等 。 
。 放下 目标 : 在 “ 左 " 和 “上 ” 域 中 为 拖 放 目 标 输入 以 像素 为 单位 的 值 。 取 得 目前 位 置 : 
在 AP 元 素 的 当前 位 置 放 下 目标 。 
。 靠 齐 距离 : 输入 一 个 以 像素 为 单位 的 值 ,确定 访问 者 必须 放 目标 有 多 近 时 ,才能 将 
AP 元 素 靠 齐 到 目标 。 
(4) 如 果 要 进一步 定义 AP 元 素 的 拖 动 控制 点 、 在 拖 动 AP 元 素 时 ,跟踪 AP 元 素 的 移 
动 以 及 当 放 下 AP 元 素 时 触发 一 个 动作 ,可 选择 “高 级 ”选项 卡 ,继续 进行 “高 级 ”选项 卡 的 各 
项 设置 ,如 图 8-17 所 示 。 


措 友 控制 点 [整个 元 素 。 国 
抢 动 时 ， 加 ] 将 元 素 置 于 项 屋 ,然后 [时 在 好 上方“ 国 


呼叫 Jarsseript: [ ] 


放下 时 : 川 04 JavsSeript 回 只 有 在 靠 齐 时 


8-17 “ 拖 动 AP 元 素 ” 对 话 框 中 的 “高 级 ”选项 卡 
其 中 : 
。 拖 动 控制 点 : 在 该 下 拉 列 表 中 包括 “整个 元 素 ”" 和 “元 素 内 的 区 域 ”两 个 选项 ,默认 选 
项 为 “整个 元 素 ”。 如 果 选 择 “ 元 素 内 的 区 域 ”, 则 指定 访问 者 必须 单 击 AP 元 素 的 特 
定 区 域 才能 拖 动 AP 元 素 ,要 求 输入 左 坐 标 和 上 坐标 及 拖 动 控制 点 的 宽度 和 高 度 。 
拖 动 时 : 如 果 AP 元 素 在 被 拖 动 时 应 该 移动 到 堆 释 顺序 的 顶部 , 则 选择 “将 元 素 置 于 
顶层 ,然后 ” 复 选 框 。 如 果 选 择 此 选项 , 则 在 “然后 ”后面 的 下 拉 列 表 中 选择 “ 留 在 最 
上 方 ? 或 “恢复 z 轴 ”。 在 “呼叫 JavaScript” 域 中 输入 JavaScript 代码 或 函数 名 称 , 以 
在 拖 动 AP 元 素 时 反复 执行 该 代码 或 函数 。 
放下 时 : 在 第 二 个 “呼叫 JavaScript” 文 本 框 中 输入 JavaScript 代码 或 函数 名 称 ,以 在 
放下 时 执行 该 代码 或 函数 。 如 果 只 有 在 层 到 达 目 标 时 才 执 行 该 JavaScript 代码 或 
函数 , 则 选择 “只 有 在 靠 齐 时 ” 复 选 框 。 
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(5) 设置 完成 后 , 单 击 “ 确 定 ” 按 钮 。 

(6) 检查 “行为 ”面板 中 上 默认 事件 是 否 是 所 需 的 事件 。 若 不 是 ,从 弹出 式 菜 单 中 选择 适 
的 事件 。 

(7) 保存 并 预览 。 


下 


8. 显示 -隐藏 元 素 

“显示 -隐藏 元 素 ” 行 为 显示 、 隐 藏 或 恢复 一 个 或 多 个 元 素 的 默认 可 见 性 。 例 如 , 当 用 户 
将 光标 滑 过 栏目 的 文字 时 ,可 看 到 相关 的 图 片 等 信息 。 

步骤 如 下 : 

(1) 新 建 一 个 HTML 文件 并 保存 ,文件 名 为 xsyc. html。 

(2) 在 文档 窗口 中 创建 要 附加 行为 的 AP 元 素 ,然后 在 AP 元 素 中 放置 要 隐藏 /显示 的 
图 像 或 文字 。 

(3) 选取 并 打开 “行为 ”面板 , 单 击 “ 添 加 行为 按钮 加 ,并 从 “行为 "下 拉 列 表 中 选择 “ 显 
示 - 隐 藏 元 素 ” 命 令 , 打 开 “ 显 示 - 隐 藏 元 素 ” 对 话 框 ,如 图 8-18 所 示 。 


图 8-18 “显示 -隐藏 元 素 " 对 话 框 


其 中 : 

。 元 素 : 在 列表 框 中 选择 要 更 改 其 可 见 性 的 元 素 。 

。 显示 : 单 击 “ 显 示 ” 按 钮 可 以 显示 该 元 素 。 

。 隐藏 : 单 击 “ 隐 藏 "按钮 可 以 隐藏 该 元 素 。 

。 默认 : 单 击 “默认 ”按钮 可 以 恢复 该 元 素 的 默认 可 见 性 。 

(4) 设置 完成 后 , 单 击 “确定 ”按钮 。 

(5) 检查 “行为 ”面板 中 上 默认 事件 是 否 是 所 需 的 事件 。 若 不 是 ,从 弹出 式 菜单 中 选择 适 
有 件 。 

(6) 保存 并 预览 。 


8.2 表单 的 应 用 


A 
表单 在 网 页 中 主要 负责 数据 采集 功能 。 一 个 表单 由 表单 标签 、 表 单 域 和 表单 按钮 三 部 


分 组 成 。 
。 表单 标签 。 包 含 了 处 理 表单 数据 所 用 CGI 程序 的 URL 及 数据 提交 到 服务 器 的 方法 。 


落 


jn 


的 
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。 表单 域 。 包 含 了 文本 域 . 文 本 区 域 . 按 钮 . 复 选 框 、 单 选 按 钮 选择 (列表 /菜单 )、 文 件 

。 表单 按钮 。 包 括 提交 按钮 .复位 按钮 和 一 般 按钮 ,用 于 将 数据 传送 到 服务 器 上 的 
CGI 脚本 或 者 取消 输入 ,还 可 以 用 表单 按钮 来 控制 其 他 定义 了 处 理 脚 本 的 处 理 
工作 。 

当 访问 者 在 Web 浏览 器 中 显示 的 Web 表单 中 输入 信息 ,然后 单 击 “ 提 交 ” 按 钮 时 ,这 些 
信息 将 被 发 送 到 服务 器 ,服务 器 中 的 服务 器 端 脚本 或 应 用 程序 会 对 这 些 信息 进行 处 理 。 服 
务 器 向 用 户 ( 或 客户 端 ) 发 回 所 处 理 的 信息 或 基于 该 表单 内 容 执行 某 些 其 他 操作 ,以 此 进行 
响应 。 


8.2.1 创建 表单 


在 Dreamweaver CS5 中 使 用 菜单 命令 和 相关 面板 都 可 以 插入 表单 及 表单 对 象 。 
选择 “插入 ”一 “表单 ”命令 ,可 以 插入 表单 及 表单 对 象 ,如 图 8-19(a) 所 示 。 
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pry 了 dt 性 ) EE 
Spry 对 正夫 择 GE) 
spry 六 到 国法 
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(a) 插入 表单 菜单 (b) 插入 表单 面板 
图 8-19 插入 表单 及 表单 对 象 
选择 “插入 ”面板 中 的 “表单 ”项 ,可 以 插入 表单 及 表单 对 象 ,如 图 8-19(b) 所 示 。 
1. 插入 表单 
表单 是 表单 对 象 的 容器 ,将 表单 对 象 添加 到 表单 中 ,便于 正确 处 理 数 据 。 
选择 “插入 ”一 “表单 ”一 “表单 ”命令 ,或 选择 “插入 ”面板 中 “表单 ”项 中 的 “表单 "按钮 , 即 


可 将 “表单 "插入 文档 中 。 插 入 表单 后 ,在 文档 中 出 现 红色 虚线 框 ,如 图 8-20 所 示 。 
如 果 看 不 到 红色 虚线 框 , 则 选择 “查看 ”一 “可 视 化 助理 ”一 “不 可 见 元 素 ” 命 令 。 
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图 8-20 插入 一 个 空白 表单 


插入 表单 form 二 标签 以 后 ,在 “代码 "视图 中 可 以 查看 源 代码 : 


< form id = "forml" name = "forml" method= "post" action = ""> 
</form> 


2. 设置 表单 属性 
在 文档 中 单 击 表 单 红 色 框 线 选取 表单 ,在 编辑 窗口 的 下 面 出 现 表 单 属性 面板 , 如 


图 8-21 所 示 。 


| 和 动作 [ ] 已 酸 @ 
副 2 加 i 中 | EY 


图 8-21 表单 属性 面板 
其 中 : 
(1) 表单 ID: 在 该 域 中 输入 表单 的 名 称 。 
(2) 动作 : 在 该 域 中 指定 处 理 表 单 信息 的 脚本 或 应 用 程序 。 单 击 “ 浏 览 文件 "按钮 加， 


查找 并 选择 脚本 或 应 用 程序 ,或 直接 输入 脚本 或 应 用 程序 的 URL。 


制 。 


(3) 方法 : 在 该 下 拉 列 表 中 选择 处 理 表单 数据 的 方式 。 

默认 : 选择 浏览 器 的 默认 方式 ,通常 是 GET 方式 。 

POST: 此 方式 将 表单 值 封装 在 消息 主题 中 发 送 。 

GET: 此 方式 将 提交 的 表单 值 追加 在 URL 后 面 发 送 给 服务 器 。 使 用 GET 方式 传 
送 数据 效率 高 ,但 是 传送 的 信息 大 小 限制 在 8192 个 字符 ,所 以 大 块 数据 不 宜 采 用 
GET 方式 传送 。 而 且 此 方式 传送 信息 是 不 安全 的 ,处 理 一 些 秘密 信息 时 不 能 使 用 
GET 方式。 

(4) 目标 : 选择 返回 数据 的 窗口 的 打开 方式 。 

。 _blank: 表示 始终 在 不 同 的 新 窗口 中 打开 链接 文档 。 

。 _new: 表示 始终 在 同一 个 新 窗口 中 打开 链接 文档 。 

。 _parent: 表示 在 包含 这 个 链接 的 父 框架 窗口 中 打开 链接 文档 。 

。 _self: 表示 在 包含 这 个 链接 的 框架 窗口 中 打开 链接 文档 。 

。 _topb: 表示 在 整个 浏览 器 窗口 中 打开 链接 文档 。 

“编码 类 型 : 选择 表单 数据 在 被 发 送 到 服务 器 之 前 应 该 如 何 加 密 编码 。 


8.2.2 添加 表单 对 象 


在 Dreamweaver 中 ,表单 输入 类 型 称 为 表单 对 象 。 表 单 对 象 是 允许 用 户 输入 数据 的 机 
添加 表单 对 象 时 首先 要 将 光标 放置 在 希望 表单 对 象 在 表单 中 出 现 的 位 置 ,在 “插入 ? 面 


板 的 “表单 类别 中 选择 对 象 , 插 入 表单 对 象 。 
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在 表单 中 根据 需要 将 其 他 表单 对 象 添加 到 表单 中 ,可 以 使 用 换行 符 、 段 落 标记 和 表格 等 
设置 表单 的 格式 。 不 能 在 表单 中 插入 另 一 个 表单 ,但 是 一 个 页 面 可 以 包含 多 个 表单 。 


1. 文本 域 


文本 域 接受 任何 类 型 的 字母 .数字 和 文本 等 输入 内 容 。 文 本 可 以 单行 或 多 行 显示 ,也 可 
以 以 密码 域 的 方式 显示 。 

1) 插入 “文本 域 ” 

(1) 将 插入 点 放 在 表单 轮廓 内 。 

(2) 选择 “插入 ”一 “表单 一 “文本 域 " 命 令 , 打 开 “ 输 入 标签 辅助 功能 属性 ”对 话 框 ,如 
图 8-22 所 示 。 在 这 里 可 以 输入 文本 域 的 ID 和 标签 ,并 可 进行 样式 位置. 访问 键 和 Tab 键 
索引 等 设置 。 也 可 以 忽略 ,直接 单 击 “ 确 定 ” 按 钮 ,在 光标 处 插入 文本 域 ,如 图 8-23 所 示 。 


输入 标签 辅助 功能 属性 


1; 1 
本 稚 : [| | 
@@ 使 用 for" 属性 附加 标签 标记 
样式 : 〇 用 标签 标记 环绕 
〇 无奈 科 标 记 


位 置 : @ 在 表单 项 前 
加 在 表单 项 后 
访问 键 : | | Tab 键 索引 : 


让 本 Tt ， 请 更 改 " 畏 


图 8-22 “输入 标签 辅助 功能 属性 ”对 话 框 


图 8-23 文本 域 


2) 设置 “文本 域 " 属 性 
在 “属性 ”面板 中 ,根据 需要 设置 “文本 域 " 的 属性 ,默认 类 型 为 “单行 "文本 域 ,如 图 8-24 
所 示 。 


EE : re OP 0 司 8 
Osa 
口 R 关 四 2 
图 8-24 “单行 "文本 域 属性 面板 
“文本 域 ” 的 属性 设置 如 下 : 


(1)“ 文 本 域 " 文 本 框 : 为 该 文本 域 指定 一 个 名 称 。 每 个 文本 域 都 必须 有 一 个 唯一 名 
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称 。 所 选 名 称 必须 在 该 表单 内 唯一 标识 该 文本 域 。 表 单 对 象 名 称 不 能 包含 空格 或 特殊 字 
符 , 可 以 使 用 字母 数字、 字符 和 下 划 线 (_) 的 任意 组 合 。 注 意 ,为 文本 域 指 定 的 标签 是 将 存 
储 该 域 的 值 ( 输 入 的 数据 ) 的 变量 名 。 这 是 发 送 给 服务 器 进行 处 理 的 值 。 

(2) 字符 宽度 : 设置 域 中 最 多 可 显示 的 字符 数 。 此 数字 可 以 小 于 “最 多 字符 数 ”。 例 
如 ,如 果 “ 字 符 宽度 ”设置 为 20, 而 用 户 输入 100 个 字符 , 则 在 该 文本 域 中 只 能 看 到 其 中 的 20 
个 字符 。 注 意 ,虽然 无 法 在 该 域 中 看 到 这 些 字符 ,但 域 对 象 可 以 识别 它们 ,而 且 它 们 会 被 发 
送 到 服务 器 进行 处 理 。 

(3) 最 多 字符 数 : 设置 单行 文本 域 中 最 多 可 输入 的 字符 数 。 例 如 使 用 “最 多 字符 数 ” 将 
邮政 编码 限制 为 5 位 数 ,将 密码 限制 为 10 个 字符 等 。 如 果 将 “最 多 字符 数 ” 文 本 框 保留 为 空 
白 , 则 用 户 可 以 输入 任意 数量 的 文本 。 如 果 文 本 超过 域 的 字符 宽度 ,文本 将 滚动 显示 。 如 果 
用 户 输入 超过 最 大 字符 数 , 则 表单 产生 警告 声 。 

(4) 类 型 : 指定 义 域 的 类 型 为 单行 、 多 行 及 密码 域 。 

。 单行 :“ 属 性 ”面板 如 图 8-24 所 示 。 选 择 “ 单 行 " 单 选 按钮 将 产生 一 个 type 属性 , 设 
置 为 text 的 二 input 二 标签 。“ 字 符 宽度 "设置 size 属性 “最 多 字符 数 " 设 置 
maxlength 属性 。 

例如 : 


< input name = "textfield" type = "text" id = "textfield" size= "8" maxlength= "10" /> 


。 多 行 :“ 属 性 ”面板 如 图 8-25 所 示 。 


图 8-25 “多 行 "文本 域 属性 面板 


选择 “多 行 ” 单 选 按 钮 将 产生 一 个 二 textarea 二 标签 。 “字符 宽 度 ” 设 置 cols 属性 ,“ 行 
数 ” 设 置 rows 属性 ,设置 多 行文 本 域 的 域 高 度 。 
例如 : 


< textarea name = "textfield" cols= "20" rows= "5" id= "textfield"></textarea> 


。 密码 :“ 属 性 ”面板 如 图 8-26 所 示 。 
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图 8-26 “密码 "文本 域 属性 面板 


选择 “密码 " 单 选 按钮 将 产生 一 个 type 属性 ,设置 为 password 的 二 input 二 标签 。“ 字 符 
宽度 "和 * 最 多 字符 数 ?设置 的 属性 与 在 单行 文本 域 中 的 属性 相同 。 当 用 户 在 密码 文本 域 中 
输入 时 ,输入 内 容 显示 为 圆 点 或 项 目 符号 ,以 保护 它 不 被 其 他 人 看 到 。 

。 初始 值 : 指定 在 首次 载 人 表单 时 域 中 显示 的 值 。 例 如 ,通过 包含 说 明 或 示例 值 , 可 

以 指示 用 户 在 域 中 输入 信息 。 
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。 类 : 可 以 将 CSS 规则 应 用 于 对 象 。 
。 禁用 : 指 该 文本 域 的 内 容 只 能 看 到 ,不 能 使 用 。 
。 只 读 : 指 该 文本 域 的 内 容 具有 只 读 属 性 ,不 能 修改 。 


2. 文本 区 域 


“文本 区 域 ? 表 单 对 象 与 "文本 域 "表单 对 象 的 “多 行文 本 域 ? 是 一 致 的 ,其 属性 设置 见 多 
行文 本 域 " 属 性 设置 ,这 里 不 再 著述 。 


3. 按钮 


“按钮 "表单 对 象 在 单 击 时 执行 相应 的 操作 。 可 以 为 按钮 添加 自 定义 名 称 或 标签 ,或 者 
使 用 预定 义 的 “提交 ”或 “ 重 置 " 标 签 。 “提交” 通知 表单 将 表单 数据 提交 给 处 理应 用 程序 或 脚 
本 ,而 * 重 置 " 则 将 所 有 表单 域 重 置 为 其 原始 值 。 还 可 以 指定 其 他 已 在 脚本 中 定义 的 处 理 任 
务 , 例 如 ,使 用 按钮 根据 指定 的 值 计 算 所 选 商品 的 总 价 。 

1) 插入 “按钮 ” 

(1) 将 插入 点 放 在 表单 轮廓 内 。 

(2) 选择 “插入” 一 “表单 ”一 “按钮 "命令 ,打开 “输入 标 答 畏 助 功能 届 
性 "对话 框 ,如 图 8-22 所 示 。 单 击 “确定 ”按钮 ,在 光标 处 插入 一 个 “按钮 ”。 
同 理 ,再 插入 一 个 “按钮 ", 如 图 8-27 所 示 。 图 8-27 按钮 

2) 设置 “按钮 "属性 

在 “属性 "面板 中 ,根据 需要 设置 “按钮 "的 属性 ,如 图 8-28 所 示 。 


利加 区。 。 动作 中 提 守 各 G) 〇 无 吕 bd 
全 


图 8-28 “按钮 "的 属性 面板 


“按钮 "属性 设置 如 下 : 
(1) 值 : 确定 按钮 上 显示 的 文本 。 
(2) 动作 : 确定 单 击 该 按钮 时 发 生 的 动作 。 


提交 表单 : 在 用 户 单 击 该 按钮 时 提交 表单 数据 以 进行 处 理 。 该 数据 将 被 提交 到 在 
表单 的 “动作 ”属性 中 指定 的 页 面 或 脚本 。 插 入 的 按钮 ,默认 动作 均 为 “提交 表单 ”， 
如 图 8-27 所 示 。 

重 设 表单 : 在 单 击 该 按钮 时 清除 表单 内 容 。 选 中 图 8-27 


EE 
所 示 的 “提交 ”按钮 , 选中 *“ 重 设 表单 " 单 选 按钮 ,按钮 的 什 A 
就 自动 改 成 了 “ 重 置 ”, 如 图 8-29 所 示 。 国 8 9， 说 昌 不同 动作 
无 : 指定 单 击 该 按钮 时 要 执行 的 动作 。 例 如 ,可 以 添加 一 的 换 查 


个 JavaScript 脚本 ,使 得 当 用 户 单 击 该 按钮 时 打开 另 一 个 页 面 。 


(3) 类 : 将 CSS 规则 应 用 于 对 象 。 
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4. 复 选 框 


“ 复 选 框 ?表单 对 象 允许 在 一 组 选项 中 选择 多 个 选项 。 

1) 插入 “ 复 选 框 ” 

(1) 将 插入 点 放 在 表单 轮廓 内 。 

(2) 选择 “插入 ”一 “表单 ”一 “ 复 选 框 " 命 令 , 打 开 “ 输 入 标签 辅助 功能 属性 ”对 话 框 ,如 
图 8-22 所 示 。 单 击 “ 确 定 ” 按 钮 ,在 光标 处 插入 一 口 避暑 山庄 回 避暑 山庄 
个 “ 复 选 框 ”, 在 该 复 选 框 的 右 侧 输入 相应 的 文 
本 。 同 理 ,再 插入 两 个 “ 复 选 框 ”及 相应 文本 ,如 ee ee 
emi 选中 前 两 个 复 选 框 ,如 图 8-30Cb》 (未 志和 关 态 的 选 框 。 (b) 选 中 状态 的 复 过 本 

不 。 


2) 设置 " 复 选 框 "属性 ce 


日 普宁 寺 回 普宁 寺 


在 “属性 ”面板 中 ,根据 需要 设置 “ 复 选 框 ”的 属性 ,如 图 8-31 所 示 。 


图 8-31 “ 复 选 框 ?的 属性 面板 


“ 复 选 框 ?属性 设置 如 下 : 

(1) 选 定 值 : 设置 在 该 复 选 框 被 选中 时 发 送 给 服务 器 的 值 。 例 如 ,在 一 项 调查 中 可 以 
将 值 4 设置 为 表示 非常 同意 ,将 值 1 设置 为 表示 强烈 反对 。 

(2) 初始 状态 : 确定 在 浏览 器 中 加 载 表 单 时 ,该 复 选 框 是 否 处 于 选中 状态 。 

(3) 类 : 将 CSS 规则 应 用 于 对 象 。 


5. 单 选 按钮 


“ 单 选 按钮 "表单 单 选 代表 互相 排斥 的 选择 。 在 某 单 选 按 钮 组 (由 两 个 或 多 个 共享 同一 
名 称 的 按钮 组 成 ) 中 选择 一 个 按钮 ,就 会 取消 选择 该 组 中 的 所 有 其 他 按钮 。 

1) 插入 “ 单 选 按 钮 ” 

(1) 将 插入 点 放 在 表单 轮廓 内 。 

(2) 选择 “插入 ”一 “表单 ”>“ 单 选 按 钮 ”命令 ,打开 “输入 标签 辅助 功能 属性 ”对 话 框 ,如 
图 8-22 所 示 。 单 击 “ 确 定 ” 按 钮 ,在 光标 处 插入 一 个 单 选 按钮 ,在 该 单 选 按钮 的 右 侧 输入 相 
应 的 文本 。 同 理 , 再 插入 两 个 “ 单 选 按钮 ”及 相应 文本 ,如 图 8-32(a) 所 示 。 选 中 另 一 个 单 选 
按钮 ,如 图 8-32(b) 所 示 。 


@ 河北 民族 师范 学 院 @ 河北 民族 师范 学 院 

〇 承德 医学 院 @@ 承德 医学 院 

〇 河北 旅游 职业 技术 学 院 @ 河北 旅游 职业 技术 学 院 
(a) 选中 第 一 个 单 选 按钮 (b) 选中 第 二 个 单 选 按钮 


图 8-32 单 选 按钮 
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2) 设置 “ 单 选 按钮 属性 
在 “属性 ”面板 中 ,根据 需要 设置 “ 单 选 按 钮 ”的 属性 ,如 图 8-33 所 示 。 
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8-33 “ 单 选 按钮 "的 属性 面板 


“ 单 选 按钮 ”属性 设置 如 下 : 

(1) 选 定 值 : 设置 在 该 单 选 按钮 被 选中 时 发 送 给 服务 器 的 值 。 例 如 ,可 以 在 * 选 定 值 
文本 框 中 输入 “滑雪 ”, 指 示 用 户 选 择 * 滑 雪 ”。 

(2) 初始 状态 : 确定 在 浏览 器 中 加 载 表单 时 ,该 单 选 按钮 是 否 处 于 选中 状态 。 

(3) 类 : 将 CSS 规则 应 用 于 对 象 。 


6. 选择 (列表 /菜单 ) 


“选择 (列表 /菜单 ) "表单 对 象 是 指 从 列表 /菜单 中 选择 某 个 或 某 些 选项 完成 一 定 的 
功能 。 

1) 插入 “选择 (列表 /菜单 )” 

(1) 将 插入 点 放 在 表单 轮廓 内 。 


(2) 选择 "插入 ”表单 ”~ 选择 (列表 /菜单 ) 命令 ,打开 * 输 
入 标签 辅助 功能 属性 ?对话 框 ,如 图 8-22 所 示 。 单 击 “ 确 定 "按钮 ， 
在 光标 处 插入 一 个 “列表 /菜单 ”如 图 8-34 所 示 。 

2) 设置 “列表 /菜单 ”属性 

在 “属性 ”面板 中 ,根据 需要 设置 “列表 /菜单 "的 属性 ,默认 类 型 为 “菜单 ”, 如 图 8-35 
所 示 。 


图 8-34 列表 /菜单 


]J 关 本 加 | 无 加 


图 8-35 “菜单 ”的 属性 面板 


“列表 /菜单 ”属性 设置 如 下 : 

(1) 类 型 : 有 “菜单 "和 “列表 ”两 种 类 型 。 

。 菜单 : 表单 在 浏览 器 中 显示 时 仅 有 一 个 选项 可 见 , 若 要 显示 其 他 选项 ,用 户 必 须 单 
击 向 下 箭头 .“ 高 度 " 和 * 选 定 范围 ?不 可 用 ,如 图 8-35 所 示 。 要 为 菜单 指定 一 个 名 
称 ,该 名 称 必须 是 唯一 的 。 

。 列表 : 表单 在 浏览 器 中 显示 一 个 列 有 项 目的 可 滚动 列表 ,可 以 列 出 一 项 或 多 项 ,以 
便 用 户 可 以 选择 多 个 项 ,如 图 8-36 所 示 。 

(2) 高 度 : 设置 列表 中 显示 的 项 数 。 

(3) 选 定 范围 : 指定 用 户 是 否 可 以 从 列表 中 选择 多 个 项 。 若 选中 * 人 允许 多 选 ” 复 选 框 ， 

则 在 浏览 器 中 按 住 Shift 键 可 以 选择 多 个 连续 项 ; 按 住 Ctrl 键 可 以 选择 多 个 不 连续 项 。 
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图 8-36 “列表 ”的 属性 面板 
(4) 列表 值 : 单 击 “ 列 表 值 ”按钮 .打开 一 个 “列表 值 ” 对 话 框 ,如 图 8-37 所 示 。 


图 8-37 “列表 值 " 对 话 框 


可 通过 它 向 “菜单 /列表 ”添加 项 : 

使 用 加 号 (十 ) 和 减 号 (一 ) 按 钮 ,添加 和 删除 列表 中 的 项 。 

输入 每 个 菜单 项 的 标签 文本 和 可 选 值 。 列 表 中 的 每 项 都 有 一 个 标签 (在 列表 中 显示 
的 文本 ) 和 一 个 值 (选中 该 项 时 ,发 送 给 处 理应 用 程序 的 值 )。 如 果 没 有 指定 值 , 则 改 
为 将 标签 文字 发 送 给 处 理应 用 程序 。 

使 用 向 上 和 向 下 箭头 按钮 重新 排列 列表 中 的 项 。 菜 单项 在 菜单 中 出 现 的 顺序 与 在 
“列表 值 ? 对 话 框 中 出 现 的 顺序 相同 。 在 浏览 器 中 加 载 页 面 时 ,列表 中 的 第 一 个 项 是 
选中 的 项 。 

(5) 初始 化 时 选 定 : 设置 列表 中 默认 选 定 的 菜单 项 。 

(6) 类 : 将 CSS 规则 应 用 于 对 象 。 


7. 文件 域 


“文件 域 " 表 单 对 象 使 用 户 可 以 浏览 到 其 计算 机 上 的 某 个 文件 并 将 该 文件 作为 表单 数据 
上 传 。 文 件 域 的 外 观 与 其 他 文本 域 类 似 , 只 不 过 文件 域 还 包含 一 个 “浏览 ”按钮 。 用 户 可 以 
手动 输入 要 上 传 文件 的 路 径 , 也 可 以 使 用 “浏览 ”按钮 定位 并 选择 该 文件 。 

必须 要 有 服务 器 端 脚 本 或 能 够 处 理 文件 提交 操作 的 页 面 才 可 以 使 用 “文件 域 "。 文 件 域 
要 求 使 用 POST 方法 将 文件 从 浏览 器 传输 到 服务 器 。 

1) 插入 “文件 域 ” 

(1) 将 插入 点 放 在 表单 轮廓 内 。 

(2) 选择 “插入 ”一 表单 ”一 文件 域 "命令 ,打开 “输入 标签 辅 天 -ma 
助 功 能 属性 ”对 话 框 ,如 图 8-22 所 示 。 单 击 “ 确 定 ” 按 钮 ,在 光标 处 
插入 一 个 “文件 域 ”, 如 图 8-38 所 示 。 


图 8-38 文件 域 
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2) 设置 “文件 域 ”属性 
在 “属性 ”面板 中 ,根据 需要 设置 “文件 域 ”的 属性 ,如 图 8-39 所 示 。 


es 
图 8-39 “文件 域 "的 属性 面板 
“文件 域 " 属 性 设置 如 下 : 


(1) 文件 域名 称 : 指定 该 文件 域 对 象 的 名 称 。 

(2) 字符 宽度 : 指定 域 中 最 多 可 显示 的 字符 数 。 

(3) 最 多 字符 数 : 指定 域 中 最 多 可 容纳 的 字符 数 。 如 果 用 户 通 过 浏览 来 定位 文件 , 则 
文件 名 和 路 径 可 超过 指定 的 “最 多 字符 数 "的 值 。 但 是 ,如 果 用 户 尝试 输入 文件 名 和 路 径 , 则 
文件 域 最 多 仅 允 许 输入 “最 多 字符 数 ” 值 所 指定 的 字符 数 。 

(4) 类 : 将 CSS 规则 应 用 于 对 象 。 


8. 图 像 域 


“图 像 域 ?表单 对 象 可 以 在 表单 中 插入 一 个 图 像 。 使 用 “图像 域 "可 生成 图 形 化 按钮 , 例 
如 “提交 ”或 “ 重 置 "按钮 。 如 果 使 用 图 像 来 执行 任务 而 不 是 提交 数据 , 则 需要 将 某 种 行为 附 
加 到 表单 对 象 。 

1) 插入 “图 像 域 ” 

(1) 将 插入 点 放 在 表单 轮廓 内 。 

(2) 选择 “插入 ”一 “表单 ”一 “图 像 域 "命令 ,打开 “选择 图 像 源 文件 ”对 话 框 ,如 图 8-40 
所 示 。 


选择 图 像 源 文件 


过 搓 文 件 人 目 : 文件 系统 
〇 下 才 源 
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8-40 “选择 图 像 源 文件 ”对 话 框 


(3) 单 击 “ 确 定 ” 按 钮 ,打开 “输入 标签 辅助 功能 属性 "对话 框 ,如 图 8-22 所 示 。 再 次 单 
击 “ 确 定 ” 按 钮 ,在 光标 处 插入 一 个 “图 像 域 ”, 如 图 8-41 所 示 。 
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图 8-41 图 像 域 


2) 设置 “图 像 域 " 属 性 
在 “属性 ”面板 中 ,根据 需要 设置 “图 像 域 ” 的 属性 ,如 图 8-42 所 示 。 
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图 8-42 “图 像 域 ”的 属性 面板 


“图 像 域 " 属 性 设置 如 下 : 

(1) 图 像 区 域 : 为 该 按钮 指定 一 个 名 称 。 

(2) 源 文件 : 指定 要 为 该 按钮 使 用 的 图 像 。 

(3) 替换 : 用 于 输入 描述 性 文本 ,一 旦 图 像 在 浏览 器 中 加 载 失 败 ,将 显示 这 些 文本 。 
(4) 对 齐 : 设置 对 象 的 对 齐 属性 。 

(5) 编辑 图 像 : 启动 默认 的 图 像 编 辑 器 ,并 打开 该 图 像 文件 以 进行 编辑 。 

(6) 类 : 将 CSS 规则 应 用 于 对 象 。 


9. 隐藏 域 
隐藏 域 对 于 访问 者 来 说 是 不 可 见 的 ,用 于 存储 用 户 输入 的 信息 ,如 姓名 、 电 子 邮件 地 址 


或 偏爱 的 查看 方式 ,并 在 该 用 户 下 次 访问 此 站 点 时 使 用 这 些 数 据 。 


1) 插入 “隐藏 域 ” 
(1) 将 插入 点 放 在 表单 轮廓 内 。 到 
(2) 选择 “插入 ”一 “表单 “隐藏 域 ”命令 ,在 光标 处 插入 一 个 “隐藏 bE 


域 ”, 如 图 8-43 所 示 。 图 8-43 ”隐藏 域 


2) 设置 “隐藏 域 " 属 性 
在 “属性 ?面板 中 ,根据 需要 设置 “隐藏 域 " 的 属性 ,如 图 8-44 所 示 。 


图 8-44 “隐藏 域 ”的 属性 面板 


“隐藏 域 ” 属 性 设置 如 下 : 
(1) 隐藏 区 域 : 指定 该 域 的 名 称 。 
(2) 值 ; 为 域 指定 一 个 值 。 该 值 将 在 提交 表单 时 传递 给 服务 器 。 


10. 单 选 按钮 组 


“ 单 选 按 钮 组 ”表单 对 象 用 于 创建 一 组 单 选 按钮 。 

1) 插入 “ 单 选 按钮 组 ” 

(1) 将 插入 点 放 在 表单 轮廓 内 。 

(2) 选择 “插入 ”一 “表单 ”一 “ 单 选 按钮 组 ”命令 ,打开 “ 单 选 按钮 组 ”对 话 框 ,如 图 8-45 
所 示 。 


单 选 按钮 组 
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图 8-45 “ 单 选 按钮 组 ”对话 框 


其 中 : 

。 名称 : 在 “名 称 ” 文 本 框 中 输入 该 单 选 按钮 组 的 名 称 。 

如 果 希 望 这 些 单 选 按 钮 将 参数 传递 回 服务 器 , 则 这 些 参数 将 与 该 名 称 相关 联 。 例 如 ,如 
果 将 组 命名 为 myGroup, 并 将 表单 方法 设置 为 GET( 即 希望 当 用 户 单 击 “ 提 交 ” 按 钮 时 ,表单 
传递 URL 参数 而 不 是 表单 参数 ), 则 会 在 URL 中 将 表达 式 myGroup 二 "选中 的 值 "传递 给 
服务 器 。 

。 单 击 加 号 (十 ) 按 钮 ,向 该 组 中 添加 一 个 单 选 按钮 。 如 果 需 要 ,可 以 为 新 按钮 输入 标 

签 和 选 定 值 。 

。 单 击 减 号 (一 ) 按 钮 ,从 该 组 中 删除 一 个 选中 的 单 选 按钮 。 

。 单 击 向 上 或 向 下 箭头 重新 排序 这 些 按钮 。 

。 布局 ,使 用 : 选择 一 个 希望 Dreamweaver 对 这 些 按 钮 进行 布局 时 使 用 的 格式 。 
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(3) 单 击 “ 确 定 ” 按 钮 。 
选择 “换行 符 ( 二 br 二 标签 )” 布 局 单 选 按钮 组 的 效果 如 图 8-46 所 示 ,选择 “表格 ”布局 单 
选 按钮 组 的 效果 如 图 8-47 所 示 。 


5 3 关 率 
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图 8-46 “换行 符 ( 二 br 二 标签 〉” 图 8-47 “表格 ”布局 效果 
布局 效果 


2) 设置 “ 单 选 按钮 组 ”属性 
在 “属性 ”面板 中 ,根据 需要 设置 “ 单 选 按 钮 组 ”的 属性 ,如 图 8-48 所 示 。 


图 8-48 “ 单 选 按钮 组 ”的 属性 面板 
“ 单 选 按钮 组 ”属性 设置 同 * 单 选 按钮 "属性 设置 方法 ,这 里 不 再 袭 述 。 
11. 复 选 框 组 
“ 复 选 框 组 ”表单 对 象 创建 一 组 复 选 框 。 
1) 插入 “ 复 选 框 组 ” 
(1) 将 插入 点 放 在 表单 轮廓 内 。 
(2) 选择 “插入 ”一 “表单 ”一 “ 复 选 框 组 ”命令 ,打开 “ 复 选 框 组 ”对 话 框 ,如 图 8-49 所 示 。 


布局 ， 使 用 : @ 执行 符 ( br> 标签 ) 
〇 表格 


图 8-49 “ 复 选 框 组 ”对 话 框 


其 中 : 

。 名 称 : 在 “名 称 ” 文 本 框 中 输入 该 复 选 框 组 的 名 称 。 

如 果 设 置 这 些 复 选 框 以 将 参数 传递 回 服务 器 ,这 些 参数 将 与 该 名 称 相关 联 。 例 如 ,如 果 
将 组 命名 为 myGroup ,将 表单 方法 设置 为 GET( 即 希望 当 用 户 单 击 * 提 交 ?” 按 钮 时 ,表单 传递 
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URL 参数 而 不 是 表单 参数 ) , 则 会 在 URL 中 将 表达 式 myGroup 王 "CheckedValue" 传 递 给 
服务 器 。 

。 单 击 加 号 (十 ) 按 钮 ,向 该 组 中 添加 一 个 复 选 框 。 如 果 需 要 ,可 以 为 新 复 选 框 输入 标 

签 和 选 定 值 。 

。 单 击 减 号 (一 ) 按 钮 ,从 该 组 中 删除 一 个 选中 的 复 选 框 。 

。 单 击 向 上 或 向 下 箭头 重新 排序 这 些 复 选 框 。 

。 布局 ,使 用 : 选择 一 个 希望 Dreamweaver 对 这 些 复 选 框 进行 布局 时 使 用 的 格式 。 

(3) 单 击 “ 确 定 ” 按 钮 。 

选择 “换行 符 ( 二 br 二 标签 )” 布 局 复 选 框 组 的 效果 如 图 8-50 所 示 ,选择 “表格 ”布局 复 选 
框 组 的 效果 如 图 8-51 所 示 。 
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2) 设置 “ 复 选 框 组 ”属性 
在 “属性 ?面板 中 ,根据 需要 设置 “ 复 选 框 组 ”的 属性 ,如 图 8-52 所 示 。 


图 8-52 “ 复 选 框 组 ”的 属性 面板 
“ 复 选 框 组 ”属性 设置 同 “ 复 选 框 "属性 设置 方法 ,这 里 不 再 装 述 。 
12. 跳 转 菜单 


跳 转 菜单 可 建立 URL 与 弹出 式 菜单 列表 中 的 选项 之 间 的 关联 。 通 过 从 列表 中 选择 一 
项 ,可 以 链接 到 任何 指定 的 URL。 

1) 插入 “ 跳 转 菜 单 ” 

(1) 将 插入 点 放 在 表单 轮廓 内 。 

(2) 选择 “插入 ”表单 ”一 * 跳 转 菜单 ”命令 ,打开 * 插 入 跳 转 菜单 ”对话 框 , 如 图 8-53 
所 示 。 

其 中 : 

。 菜单 项 : 单 击 加 号 (十 ) 按 钮 ,向 该 菜单 中 添加 一 个 菜单 项 ; 单 击 减 号 (一 ) 按 钮 ,从 该 

菜单 中 删除 一 个 选中 的 菜单 项 。 单 击 向 上 或 向 下 箭头 重新 排序 这 些 菜单 项 。 

。 文本 : 创建 菜单 提示 的 文本 。 
选择 时 , 转 到 URL: 选取 要 打开 的 文件 。 单 击 “ 浏 览 ” 按 钮 ,然后 选取 要 打开 的 文件 ， 
或 直接 输入 要 打开 的 文件 路 径 和 文件 名 称 。 
打开 URL 于 : 给 出 弹出 式 菜单 中 选取 文件 要 打开 位 置 。 选 取 “ 主 窗口 ”, 将 在 同一 


: | 主 窗口 
:Dampmemu 

菜单 之 后 插入 前 往 按钮 
更 疏 URL 后 选择 第 一 个 项 目 


图 8-53 “插入 跳 转 菜 单 ”对 话 框 
窗口 中 打开 文件 或 选取 要 打开 文件 的 框架 。 若 作为 目标 框架 的 框架 名 称 没 有 在 “ 打 
开 URL 于 ?弹出 式 菜单 中 出 现 , 应 先 关闭 该 “插入 跳 转 菜单 "对话 框 ,将 框架 命名 后 ， 
再 打开 “插入 跳 转 菜 单 ” 对 话 框 即 可 。 

。 菜单 ID: 输入 菜单 项 的 ID 名 称 , 用 于 程序 代码 中 。 

。 选项 : 选中 “菜单 之 后 插入 前 往 按钮 " 复 选 框 ,在 菜单 后 面 插入 “前 往 ” 按 钮 。 在 浏览 
器 中 单 击 该 按钮 ,可 以 跳 转 到 相应 的 页 面 ; 选中 “更 改 URL 后 选择 第 一 个 项 目 ” 复 
选 框 , 当 跳 转 到 指定 的 URL 以 后 ,仍然 默认 选择 第 一 项 。 

(3) 单 击 “确定 ”按钮 。 水 C 射 国 

在 光标 处 插入 一 个 “ 跳 转 菜 单 ”, 如 图 8-54 所 示 。 

2) 设置 “ 跳 转 菜单 "属性 国庆 全 全 

在 “属性 ?面板 中 ,根据 需要 设置 跳 转 菜单 ”的 属性 ,如 图 8-55 所 示 。 


属性 
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图 8-55 “ 跳 转 菜单 ”的 属性 面板 
“ 跳 转 菜单 "属性 设置 同 “选择 菜单 ”属性 设置 方法 ,这 里 不 再 袭 述 。 
8.2.3 表单 设计 实例 
实例 : 注册 页 面 的 制作 。 
要 求 : 综合 运用 表单 ,通过 客户 端的 信息 输入 , 单 击 “注册 ?按钮 ,把 用 户 的 信息 发 送 至 
服务 器 或 指定 邮箱 中 ; 单 击 * 重 置 ?按钮 ,清空 所 有 输入 的 信息 。 这 个 实例 只 进行 注册 页 面 


的 制作 ,不 涉及 提交 信息 的 制作 。 
制作 完成 的 注册 页 面 如 图 8-56 所 示 。 
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图 8-56 ”制作 完成 的 注册 页 面 


制作 步骤 如 下 。 

1. 创建 表单 

新 建 HTML 页 面 , 选 择 * 插 入 ”~ 表单 ”表单 "命令 ,或 单 击 * 插 入 ”面板 中 的 “表单 ” 
按钮 回 ,在 页 面 中 插入 表单 ,如 图 8-57 所 示 。 


图 8-57 插入 表单 
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2. 利用 表格 进行 布局 


(1) 根据 页 面 布 局 的 需要 ,在 表单 中 插入 一 个 14 行 2 列 , 宽 度 为 600px, 边 框 粗细 、 单 元 
格 边 距 和 单元 格 间距 均 为 0 的 表格 。 将 插入 的 表格 居中 对 齐 。 

(2) 选中 表格 第 一 行 ,并 设置 单元 格 高 度 为 30, 输 入 “请 输入 注册 用 户 信息 ”, 文 字 大 小 
为 14, 红 色 , 并 水 平 居 中 。 

(3) 第 一 行 以 下 各 行 高 度 设置 为 20, 第 一 列 宽度 设置 为 110, 如 图 8-58 所 示 分 别 在 表格 
中 输入 相应 的 提示 文字 ,并且 设置 文字 的 字体 .颜色 及 单元 格 的 背景 色 ,第 一 列 水 平 右 对 齐 ， 


所 有 单元 格 垂直 居中 等 属性 。 
机 3 
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图 8-58 在 表单 中 用 表格 进行 布局 


3. 插入 表单 对 象 
(1) 选择 “插入 ”一 “表单 >“ 文本 域 ”命令 ,分 别 在 表格 的 第 一 列 * 用 户 名 ”、“* 密 
码 ”“ x 确认 密码 ”* x E-mail”、“* 姓名 ”“ * 身份 证 号 码 ”“ 电 话 ”“ 通 信 地 址 ”对 应 的 第 
二 列 单元 格 内 插入 单行 文本 域 ,设置 “字符 宽度 "和 “最 大 字符 数 ” 如 表 8-1 所 示 。 
表 8-1 各 文本 域 的 属性 设置 


文 本 域 字符 宽度 最 大 字符 数 
* 用 户 名 16 16 
* 密码 16 8 
* 确认 密码 16 
* E-mail 16 
x* 姓 名 16 
* 身份 证 号 码 18 18 
电话 16 
通信 地 址 50 


(2) 在 “性 别 " 的 右 侧 单元 格 插 入 两 个 单 选 按 钮 ,设置 两 个 单 选 按 钮 名 称 均 为 sex, 分 别 
设置 两 个 单 选 按钮 的 “ 选 定 值 ”为 0 和 1。 

(3) 在 “出 生日 期 " 右 侧 的 单元 格 中 插入 单行 文本 域 和 下 拉 菜 单 组 成 的 域 。 其 中 “年 ”是 
单行 文本 域 ,设置 其 “字符 宽度 ”为 5,“ 最 大 字符 数 ”为 4, 初始 值 为 20;“ 日 ”也 为 单行 文本 


域 ,设置 其 “字符 宽度 ”为 3,“ 最 大 字符 数 ” 为 2; 
“月 ”采用 下 拉 菜 单 ,插入 “列表 /菜单 ”后 .在 其 
“属性 ?面板 中 设置 列表 值 ,01 一 12 月 份 ,在 “ 值 ” 
中 输入 相应 的 值 ,如 图 8-59 所 示 。 

(4) 在 “省 份 ”" 右 侧 单元 格 中 插入 “列表 / 菜 
单 ”, 在 其 “属性 ”面板 设置 “菜单 ”的 “列表 值 ”, 具 


体 设置 如 表 8-2 所 示 。 在 “初始 化 时 选 定 ?列表 图 8-59 “月 ”下 拉 菜单 列表 值 

中 选择 “请 选择 ”作为 表单 下 载 时 的 初始 选项 ,以 

起 到 提示 的 作用 。 

表 8-2 “省 份 " 下 拉 菜 单 的 “列表 值 ” 

省 份 值 省 份 值 
请 选择 0 湖南 省 18 
北京 市 1 广东 省 19 
天 津 市 区 广西 壮族 自治 区 20 
上 海 市 3 海南 省 21 
重庆 市 4 四 川 省 中 
河北 省 5 贵州 省 23 
陕西 省 6 陕西 省 24 
辽宁 省 甘肃 省 25 
吉林 省 8 青海 省 26 
江苏 省 9 西藏 自治 区 27 
浙江 省 10 内 蒙古 自治 区 28 
安徽 省 11 宁夏 回族 自治 区 29 
福建 省 12 新 疆 维 吾 尔 自治 区 30 
江西 省 13 香港 特别 行政 区 31 
山东 省 14 澳门 特别 行政 区 32 
河南 省 15 台湾 地 区 33 
黑龙 江 省 16 其 他 34 
湖北 省 17 


(5) 在 “兴趣 爱好 ? 右 侧 单元 格 设置 6 个 复 选 框 ,并 且 在 每 个 复 选 框 后 面 输入 其 标签 文 
字 。 插 入 “ 复 选 框 "后 ,设置 “音乐 "“ 电 脑 "“ 美 术 ”、“ 文 学 ”"“ 影 视 " 和 “旅游 " 复 选 框 的 选 定 
值 分 别 为 yinyue、diannao、meishu、wenxue、yingshi 和 lvyou, 不 同 的 复 选 框 要 设置 不 同 的 名 
称 和 选 定 值 。 

(6) 在 “简介 ” 右 侧 单元 格 插 入 一 个 “文本 区 域 ”, 设 置 “ 字 符 宽度 ”为 60, 行 数 为 5。 

(7) 创建 < 注册 ”和 * 重 置 ? 两 个 按钮 。 在 上 述 表 单 对 象 所 在 表格 的 下 方 换行 ,插入 一 个 1 
行 2 列 的 表格 ,居中 对 齐 ,在 两 个 单元 格 中 分 别 插入 按钮 ,分别 为 “注册 ”和 "* 重 置 ”。 

(8) 单 击 表单 边线 ,选中 表单 ,在 “行为 ”面板 为 表单 添加 “检查 表单 "行为 ,在 打开 的 “ 检 
查 表单 对话 框 中 设置 页 面 中 所 有 带 “* ”的 表单 对 象 的 值 为 “必需 的 ”; 设置 E-mail 可 接受 
“电子 邮件 地 址 ”; 设置 “身份 证 号 码 ”“ 年 "和 “日 ”可 接受 “数值 ”; 设置 “通信 地 址 ”和 “ 简 
介 ” 为 默认 ,如 图 8-60 所 示 。 


@ 〇 电子 邮件 地 址 ” 〇 数字 从 


图 8-60 ”添加 “检查 表单 行为 


(9) 进行 表单 属性 设置 。 选 中 表单 ,在 其 * 属 性 ?面板 中 指定 后 台 处 理 程序 ,如 form. asp 
(假设 该 文件 已 创建 ) ,在 “方法 ”中 选择 POST 方式 。 
(10) 保存 并 预览 ,如 图 8-56 所 示 。 


8.3 Css 的 应 用 


CSS( 层 县 样 式 表 ) 是 一 种 用 来 表现 HTML 或 XML 等 文件 样式 的 计算 机 语言 。 

CSS 目前 的 最 新 版 本 为 CSS3 ,是 能 够 真正 做 到 网 页 表现 与 内 容 分 离 的 一 种 样式 设计 语 
言 。 相 对 于 传统 HTML 的 表现 而 言 ,CSS 能 够 对 网 页 中 对 象 的 位 置 排 版 进行 像素 级 的 精 
确 控制 ,支持 几乎 所 有 的 字体 、 字 号 样式 ,拥有 对 网 页 对 象 和 模型 样式 编辑 的 能 力 ,并 能 够 进 
行 初步 交互 设计 ,是 目前 基于 文本 展示 最 优秀 的 表现 设计 语言 。CSS 能 够 根据 不 同 使 用 者 
的 理解 能 力 ,简化 或 者 优化 写法 ,针对 各 类 人 群 ,有 较 强 的 易 读 性 。 

页 面 内 容 (HTML 代码 ) 位 于 自身 的 HTML 文件 中 ,而 定义 代码 表现 形式 的 CSS 规则 
位 于 另 一 个 文件 (外 部 样式 表 ) 或 HTML 文档 的 另 一 部 分 (通常 是 一 head 一部分) 中 。 

Dreamweaver CS5 提供 了 强大 的 CSS 编辑 和 管理 功能 ,可 以 使 用 “CSS 样式 ”面板 创建 
和 编辑 CSS 规则 和 属性 。 


8.3.1 CSS 的 特点 


CSS 的 主要 特点 是 提供 便利 的 更 新 功能 。 更 新 CSS 时 ,使 用 该 样式 的 所 有 文档 的 格式 
都 自动 更 新 为 新 样式 。 其 特点 可 以 归结 为 以 下 几 点 : 

(1) 控制 页 面 中 的 每 一 个 元 素 ( 精 确定 位 ) 。 

(2) 是 对 HTML 语言 处 理 样式 的 最 好 补充 。 

(3) 把 内 容 和 格式 处 理 相 分 离 ,减少 了 工作 量 。 


8.3.2 CSS 的 存在 方式 
CSS 在 网 页 文档 中 有 三 种 存在 方式 。 
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1. 外 部 文件 方式 


外 部 CSS 样式 文件 是 一 系列 的 CSS 样式 存储 在 一 个 单独 的 外 部 . css 文件 中 (并 非 
HTML 文件 )。 利 用 文档 head 部 分 中 的 链接 ,该 文件 被 链接 到 Web 站 点 中 的 一 个 或 多 个 
网 页 上 。CSS 文件 可 在 “CSS 样式 ?面板 中 ,通过 单 击 “新 建 CSS 规则 ?来 创建 ,也 可 以 直接 
在 记事 本 中 编写 ,最 后 保存 文件 的 扩展 名 为 css。 在 Dreamweaver 中 的 CSS 样式 面板 中 , 单 
击 “ 附 加 样式 表 ” 按 钮 可 链接 一 个 CSS 文件 。 

这 种 方法 最 适合 大 型 网 站 的 CSS 样式 定义 。 应 用 CSS 文件 的 最 大 优点 就 是 可 以 在 每 
个 HTML 文件 中 引用 这 个 文件 ,从 而 可 使 整个 站 点 的 HTML 文件 在 风格 上 保持 一 致 , 避 
免 重复 的 CSS 属性 设置 。 另 外 , 当 遇 上 改版 或 某 些 重大 调整 要 对 风格 进行 修改 时 ,可 直接 
修改 这 个 CSS 文件 ,所 有 HTML 文件 一 直 引 用 更 新 的 样式 表 , 不 必 对 每 个 HTML 文件 都 
进行 修改 。 


2. 内 部 文档 头 方式 


内 部 (或 能 入 式 )CSS 样式 是 一 系列 包含 在 HTML 文档 head 部 分 的 二 style 二 标签 内 
的 CSS 样式 。 这 种 方式 与 外 部 文件 方式 的 区 别 在 于 ,这 种 方式 是 将 风格 直接 定义 在 文档 头 
所 head> 与 一 /head 之 间 ,而 不 是 形成 文件 ,这 种 风格 定义 产生 作用 也 只 局 限于 本 文件 。 
例如 : 

<head> 

< style type = "text/css"> 

样式 表 的 具体 内 容 

--> 

</style> 

</head> 

这 种 方式 的 主要 作用 是 : 在 一 些 方面 统一 风格 的 前 提 下 ,可 针对 具体 页 面 进行 具体 调 
整 。 这 两 种 方式 并 不 相互 排斥 ,而 是 相互 结合 。 例 如 ,在 CSS 文件 中 定义 了 二 p 二 标签 的 字 
体 大 小 font-size 为 10px, 在 内 部 文档 中 可 定义 二 p 二 标签 字体 颜色 font-color 为 红色 ,而 在 
另 一 个 HTML 文件 中 定义 颜色 为 绿色 。 


3. 直接 插入 式 


直接 插入 式 很 简单 ,只 需 在 每 个 HTML 标签 后 书写 CSS 属性 即 可 。 这 种 方式 很 直接 ， 
例如 规定 一 个 Table 标签 中 的 字 颜 色 为 红色 ,字体 大 小 为 10px, 则 可 书写 如 下 代码 : 


< Table style = "color:redi font - size:10px"> 

8.3.3 CSS 在 Dreamweaver 中 的 创建 方法 

在 Dreamweaver CS5 中 ,创建 CSS 样式 的 方法 主要 有 以 下 几 种 。 

1. 在 “页 面 属性 ”中 设置 

前 面 章节 已 经 介绍 过 “页 面 属 性 ”的 设置 方法 ,实际 上 利用 “页 面 属性 ”设置 的 网 页 属性 
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是 一 种 CSS 内 部 文档 头 方式 的 应 用 。Dreamweaver CS5 自动 将 “页 面 属性 ”设置 生成 的 一 
段 CSS 样式 代码 置 于 过 head 盖 与 二 /head 盖 之 间 。 对 一 新 建文 档 的 “页 面 属性 ?进行 设置 ， 
如 图 8-61 所 示 。 


链接 (CS5) 

馆 接 字体 C): [CREsFf) 圈 B 

大 小 G@) = 

乌拉 天色 (): 可 | i037。 | 支 执 图 淖 必 接 Q): 靶 |[ 厂 ”| 

已 沪 问 链接 久 ): 一 | 加 3 ”| 。 活动 链接 内 )- 一 | | 站 39 | 
TEN 式 :INT ” 国 


图 8-61 设置 的 “页 面 属性 ” 


切换 到 “代码 ”视图 ,可 以 看 到 由 图 8-61 所 设置 的 “页 面 属性 ”, 以 一 段 CSS 样式 代码 的 
形式 舱 入 到 文档 头 二 head 二 与 二 /head 二 之 间 。 该 段 CSS 样式 代码 如 下 : 


<style type = "text/css"> 
body, td, th { 
font - family: "宋体 "; 
font — size: 12px; 
color: #00F; 
} 
a:link { 
color: #09F; 
} 
a:visited { 
color: #933; 
} 
a:active { 
color: #F39; 
} 
</style> 


2.“ 目 标 规则 ”编辑 
在 Dreamweaver CS5 的 属性 面板 的 CSS 标签 中 增加 了 “目标 规则 ”, 在 “目标 规则 ”中 可 
以 新 建 CSS 规则 ,如 设置 字体 、 颜 色 和 大 小 等 样式 。 属 性 面板 的 CSS 标签 如 图 8-62 所 示 。 


图 8-62 属性 面板 的 CSS 标签 
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在 属性 面板 的 CSS 标签 中 进行 “字体 ”“ 大 小 ”“ 颜 色 ”“ 加 粗 ”“ 倾 斜 ”或 对齐 方式 ” 
中 任何 一 种 操作 ,都 会 打开 “新 建 CSS 规则 ”对 话 框 ,如 图 8-63 所 示 。 


新 建 CSS 规则 


选择 器 类 型 : 
为 Css 规则 选择 上 下 文选 择 器 类 型 
关 ( 可 应 用 于 任何 TEL 元 素 ) 


选择 器 名 称 
选择 或 输入 选择 器 名 称 。 


《 妈 限 该 文档 ) 


图 8-63 “新 建 CSS 规则 ”对 话 框 


(1) 在 “选择 器 类 型 "下 拉 列 表 中 选择 “类 (可 应 用 于 任何 HTML 元 素 )” 项 ,可 以 创建 一 
个 用 class 属性 声明 的 应 用 于 任何 HTML 元 素 的 类 选择 器 。 然 后 在 “选择 器 名 称 ” 下 拉 列 
表 框 中 输入 类 名 称 。 类 名 称 必须 以 句点 (. ) 开 头 , 能 够 包含 任何 字母 和 数字 (如 . blue) 。 

(2) 在 “选择 器 类 型 "下拉 列表 中 选择 ID( 仅 应 用 于 一 个 HTML 元 素 ) 项 ,可 以 创建 一 
个 用 id 属性 声明 的 仅 应 用 于 一 个 HTML 元 素 的 id 选择 器 。 然 后 在 “选择 器 名 称 ” 下 拉 列 
表 框 中 输入 ID 号 。ID 必须 以 井 号 (# ) 开 头 , 能 够 包含 任何 字母 和 数字 (如 # one) 。 

(3) 在 “选择 器 类 型 "下拉 列表 中 选择 "标签 (重新 定义 HTML 元 素 ) "项 ,可 以 重新 定义 
特定 HTML 标签 的 默认 格式 。 然 后 在 “选择 器 名 称 ” 下 拉 列 表 框 中 输入 HTML 标签 或 从 
弹出 菜单 中 选择 一 个 标签 。 

(4) 在 “选择 器 类 型 "下 拉 列 表 中 选择 “复合 内 容 ( 基 于 选择 的 内 容 )” 项 ,可 以 定义 同时 
影响 两 个 或 多 个 标签 ,类 或 ID 的 复合 规则 。 例 如 ,如 果 输 入 div p, 则 二 div 二 标签 内 的 所 有 
去 p 二 元 素 都 将 受 此 规则 影响 。 

在 “规则 定义 ?下拉 列 表 中 选择 “( 仅 限 该 文档 "项 ,可 以 在 当前 文档 中 嵌入 样式 。 

在 “规则 定义 ”下 拉 列 表 中 选择 “新 建 样式 表 文 件 " 项 ,可 以 创建 外 部 样式 表 。 

单 击 “ 确 定 ” 按 钮 , 即 可 创建 一 个 新 的 CSS 规则 。 

例如 ,设置 属性 面板 的 CSS 标签 中 “字体 ”为 “宋体 ”, 打 开 “ 新 建 CSS 规则 ”对 话 框 ,在 
“选择 器 类 型 "下 拉 列 表 中 选择 “类 (可 用 于 任何 HTML 元 素 )” 项 ,在 “选择 器 名 称 ” 下 拉 列 
表 框 中 输入 . blue, 在 “规则 定义 ”下 拉 列 表 中 选择 “( 仅 限 该 文档 )” 项 ,如 图 8-64 所 示 。 

单 击 “ 确 定 ? 按 钮 ,可 以 继续 设置 字体 的 大 小 、 颜 色 . 加 粗 、 倾 斜 及 对 齐 方式 等 。 设 置 完 
毕 , 所 对 应 的 代码 为 : 


< style type = "text/css"> 
.blue { 
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痢 建 C55 规则 


选择 器 类 型 : 
为 Css 规则 选择 上 下 文选 择 器 类 型 。 
类 (可 应 用 于 任 亲 TEL 元素) 


选择 器 名 称 : 
选择 或 输入 选择 器 名 称 。 
blue 


此 这 规则 应 用 于 
有 甘 有 
此 兢 EE lue" 的 HTHL 元 素 


规则 定义 : 
选择 定义 规则 的 位 置 。 
《 公 限 该 文档 ) 


图 8-64 设置 “新 建 CSS 规则 ?对 话 杠 


font - family: "宋体 "; 
font - size: 14px; 
color: #00F; 
font - weight: bold; 
} 
</style> 
若 选择 “格式 ”一 “CSS 样式 ”一 “新 建 " 命 令 , 以 及 在 “CSS 样式 ”面板 中 单 击 “ 新 建 CSS 
规则 ”按钮 ,同样 打开 “新 建 CSS 规则 ”对 话 框 。 这 两 种 方法 与 在 属性 面板 的 CSS 标签 中 设 
置 不 同 的 是 , 单 击 * 新 建 CSS 规则 ?对 话 框 中 的 “确定 ”按钮 后 ,需要 在 “CSS 规则 定义 ”对 话 
框 中 进行 设置 ,如 图 8-65 所 示 。 


3.“CSS 样式 ”面板 


在 “CSS 样式 ”面板 中 可 以 很 方便 地 进行 CSS 样式 的 新 建 、 编 辑 ` 查 看 和 删除 等 管理 ,也 
可 以 将 外 部 样式 表 附加 到 文档 。“CSS 样式 ?面板 如 图 8-66 所 示 。 
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图 8-65 “CSS 规则 定义 ”对 话 框 图 8-66 “CSS 样式 ”面板 


8.3.4 CSS 样式 面板 

1.“CSS 样式 ”面板 的 打开 

选择 “窗口 ”一 “CSS 样式 ”命令 ,或 按 Shift 十 F11 组 合 键 , 均 可 打开 “CSS 样式 ”面板 。 
2.“CSS 样式 ”面板 的 结构 


“CSS 样式 ”面板 有 两 种 查看 方式 , 即 “ 当 前 ”模式 和 “全 部 ”模式 。 

1)“ 当 前 ”模式 

单 击 “CSS 样式 ”面板 中 的 “当前 ”按钮 ,使 “CSS 样式 ”面板 处 于 “当前 ”模式 下 ,在 此 模 
式 下 ,“CSS 样式 ”面板 将 显示 三 个 窗 格 面板 ,如 图 8-67 所 示 。 


font-fanily 
font-size 
font-style 
font-variant 
font-weight 
line-height 
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8-67 “CSS 样式 ”面板 的 “当前 ”模式 


(1)“ 所 选 内 容 的 摘要 " 窗 格 。 

“所 选 内 容 的 摘要 ” 窗 格 显 示 当 前 正在 编辑 的 文档 中 所 选 HTML 元 素 的 CSS 属性 的 摘 
要 及 它们 的 值 。 该 摘要 显示 直接 应 用 于 所 选 HTML 元 素 的 所 有 规则 的 属性 ,并 且 只 显示 
已 设置 的 属性 。 

提示 : 在 “所 选 内 容 的 摘要 ” 窗 格 中 如 果 双 击 某 一 个 属性 , 则 会 打开 “CSS 规则 定义 ”对 
话 框 ,可 以 修改 该 属性 。 

(2)“ 规 则 ” 窗 格 。 

“规则 ?” 窗 格 显示 在 “所 选 内 容 的 摘要 ” 窗 格 中 选择 的 CSS 属性 所 在 规则 的 规则 名 称 ,以 
及 包含 该 规则 的 文件 的 名 称 。 
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中 单 击 右上 角 的 “显示 所 选 属性 的 相关 信息 ”按钮 ,可 以 查看 所 选 属性 的 相关 信息 。 

加 单 击 右 上 角 的 “显示 所 选 标签 的 规则 层 番 "按钮 ,可 以 查看 规则 的 层次 结构 ,直接 应 
用 规则 的 标签 显示 在 右 列 。 

(3)“ 属 性 ? 窗 格 。 

在 “所 选 内 容 的 摘要 ” 窗 格 中 选择 某 个 属性 时 ,这 个 属性 所 在 规则 中 的 所 有 属性 都 会 出 
现在 “属性 ” 窗 格 中 。 如 果 在 “规则 ” 窗 格 的 “显示 所 选 标签 的 规则 层 琶 ”视图 中 选择 了 某 一 个 
规则 ,这 个 规则 的 所 有 属性 也 会 出 现在 “属性 ” 窗 格 中 。 

在 “属性 ” 窗 格 中 单 击 任意 一 个 属性 的 属性 值 ,都 可 以 快速 修改 该 属性 。 

2)“ 全 部 ?模式 

单 击 “CSS 样式 ”面板 中 的 “全 部 ”按钮 ,使 *CSS 样式 ”面板 处 于 “全 部 ”模式 下 ,在 此 模 
式 下 ,“CSS 样式 ”面板 将 显示 两 个 窗 格 面板 ,如 图 8-68 所 示 。 


font-fanily “宋体 ” 
font-size 12px 
font-style normal 
font-variant normal 
font-weight bold 
line-height normal 
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图 8-68 “CSS 样式 ”面板 的 “全 部 ”模式 


“所 有 规则 ” 窗 格 显示 当前 文档 中 定义 的 CSS 规则 及 附加 到 当前 文档 的 样式 表 中 定义 
的 所 有 CSS 规则 的 列表 。 使 用 “属性 ” 窗 格 可 以 编辑 * 所 有 规则 ” 窗 格 中 选择 的 任 一 规则 的 
所 有 CSS 属性 。 

当 在 “所 有 规则 ” 窗 格 中 选择 一 个 CSS 规则 时 ,在 “属性 ” 窗 格 中 会 显示 该 规则 中 定义 的 
所 有 属性 ,此 时 可 以 快速 修改 该 规则 的 属性 ,不 管 它 是 嵌入 到 当前 文档 中 还 是 链接 到 附加 的 
样式 表 中 ,同样 都 可 以 修改 。 

在 “全 部 ”模式 下 ,在 “属性 ” 窗 格 中 同样 可 以 单 击 左 下 角 的 “显示 类 别 视图 ”“ 显 示 列 表 
视图 ”或 “只 显示 设置 属性 ”按钮 进行 视图 切换 。 


3.“CSS 样式 ”面板 的 按钮 


在 “CSS 样式 ”面板 中 有 8 个 按钮 , 当 鼠 标 停留 在 每 一 [Em eHo5a| 


个 按钮 上 面 时 会 显示 该 按钮 的 名 称 ,如 图 8-69 所 示 。 
图 8-69 “CSS 样式 ”面板 按钮 


无 论 在 “当前 ”模式 ,还 是 在 “全 部 ”模式 下 ,都 可 以 使 用 
“CSS 样式 ”面板 中 的 8 个 按钮 。 

“*“ 显 示 类 别 视 图 ”按钮 [ 国 : 以 类 别 进行 显示 ,如 图 8-70 所 示 。 

。“ 显 示 列表 视图 ”按钮 隐 有 : 以 列表 进行 显示 ,如 图 8-71 所 示 。 

““ 只 显示 设置 属性 ”按钮 区 j: 只 显示 已 设置 的 属性 ,如 图 8-72 所 示 。 
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font-sizxe T4px font-size 

font-weight bold font-weight | 
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图 8-70 显示 类 别 视图 图 8-71 显示 列表 视图 图 8-72 只 显示 设置 属性 


*“ 附 加 样式 表 ” 按 钮 : 打开 “链接 外 部 样式 表 ” 对 话 框 ,选择 要 链接 到 或 导入 到 当前 文 
档 中 的 外 部 样式 表 , 如 图 8-73 所 示 。 


链接 外 部 样式 表 


8-73 “链接 外 部 样式 表 ” 对 话 框 


。 “新建 CSS 规则 ”按钮 : 打开 “新 建 CSS 规则 ”对 话 框 ,在 其 中 选择 要 创建 的 样式 类 
型 ,如 图 8-65 所 示 。 

。“ 编 辑 样式 ”按钮 : 打开 “CSS 规则 定义 ”对 话 框 ,在 其 中 编辑 当前 文档 或 外 部 样式 表 
中 的 样式 ,如 图 8-66 所 示 。 
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。“ 禁 用 /启用 CSS 属性 ”按钮 : 当 在 “所 选 内 容 的 摘要 ” 窗 格 或 “属性 ” 窗 格 选 择 一 个 属 
性 时 , 单 击 此 按钮 可 以 给 这 个 属性 加 上 注释 标记 (/ * 和 */), 表 示 和 暂时 不 起 作用 。 
如 果 想 让 该 属性 重新 起 作用 ,再 次 选择 该 属性 ,并 单 击 该 按钮 即 可 。 

*。“ 删 除 CSS 属性 ”按钮 : 当 在 “属性 ” 窗 格 中 选择 一 个 已 经 设置 属性 值 的 属性 时 , 单 击 
此 按钮 可 以 删除 这 个 属性 。 


4.“CSS 样式 ”的 编辑 


编辑 CSS 样式 是 对 创建 的 CSS 样式 进行 再 次 加 工 ,不管 是 初次 创建 CSS 样式 ,还 是 对 
其 再 次 进行 编辑 ,都 离 不 开 “CSS 规则 定义 ”对 话 框 ,掌握 该 对 话 框 的 操作 是 创建 和 编辑 CSS 
样式 的 关键 。 
1) 定义 CSS“ 类 型 ”属性 
选择 “CSS 规则 定义 ?对 话 框 中 的 * 类 型" 类别, 可 以 定义 CSS 样式 的 基本 字体 并 进行 类 
型 设置 ,如 图 8-74 所 示 。 
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其 中 ， 

(1) Font-family: 字体 , 按 优先 顺序 排列 。 以 逗号 隔 开 。 

(2) Font-size: 大 小 ,设置 字号 。 

。 xx-small: 绝对 字体 尺寸 ,最 小 。 根 据 对 象 字 体 进 行 调整 。 

。 x-small: 绝对 字体 尺寸 , 较 小 。 根 据 对 象 字体 进行 调整 。 

Small: 绝对 字体 尺寸 ,小 。 根 据 对 象 字体 进行 调整 。 

Medium: 默认 值 。 绝 对 字体 尺寸 ,正常 。 根 据 对 象 字体 进行 调整 。 
Large: 绝对 字体 尺寸 .大 。 根 据 对 象 字体 进行 调整 。 

x-large: 绝对 字体 尺寸 , 较 大 。 根 据 对 象 字 体 进行 调整 。 

xx-large: 绝对 字体 尺寸 ,最 大 。 根 据 对 象 字体 进行 调整 。 

Larger: 相对 字体 尺寸 。 相 对 于 父 对 象 中 字体 尺寸 进行 相对 增 大 。 使 用 成 比例 的 
em 单位 计算 。 
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。 Smaller: 相对 字体 尺寸 。 相 对 于 父 对 象 中 字体 尺寸 进行 相对 减 小 。 使 用 成 比例 的 
em 单位 计算 。 

。 Length: 百分数 ,由 浮 点 数字 和 单位 标识 符 组 成 的 长 度 值 ,不 可 为 负 值 。 其 百分比 
取 值 是 基于 父 对 象 中 字体 的 尺寸 。 

对 应 的 脚本 特性 为 fontFamily。 

(3) Font-weight: 字体 粗细 。 

。 Normal: 默认 值 。 正 常 的 字体 ,相当 于 400。 声 明 此 值 将 取消 之 前 任何 设置 。 

。 Bold: 粗 体 ,相当 于 700。 

Bolder: 比 normal 粗 。 

Lighter: 比 normal 细 。 

。 100: 字体 至 少 像 200 一 样 细 。 

。 200: 字体 至 少 像 100 一 样 粗 , 像 300 一 样 细 。 

。 300: 字体 至 少 像 200 一 样 粗 , 像 400 一 样 细 。 

。 400: 相当 于 normal。 

。 500: 字体 至 少 像 400 一 样 粗 , 像 600 一 样 细 。 

。 600: 字体 至 少 像 500 一 样 粗 , 像 700 一 样 细 。 

。 700: 相当 于 bold。 

。 800: 字体 至 少 像 700 一 样 粗 , 像 900 一 样 细 。 

。 900: 字体 至 少 像 800 一 样 粗 。 

对 应 的 脚本 特性 为 fontWeight。 

(4) Font-style: 字体 样式 风格 。 

。 Normal: 默认 值 。 正 常 的 字体 。 

。 Italic: 斜体 。 

。 Oblique: 应 用 于 没有 斜体 变量 的 特殊 字体 。 

对 应 的 脚本 特性 为 fontstyle。 

(5) Font-variant: 变 体 。 

。 Normal: 默认 值 。 正 常 的 字体 。 

。 small-caps: 小 型 的 大 写字 母 字 体 。 

对 应 的 脚本 特性 为 fontVariant。 

(6) Line-height: 行 高 。 

。 Normal: 默认 值 。 默 认 行 高 。 

。 Length: 百分比 数字 ,由 浮 点 数字 和 单位 标识 符 组 成 的 长 度 值 ,允许 为 负 值 。 其 百 
分 比 取 值 是 基于 字体 的 高 度 尺寸 。 

对 应 的 脚本 特性 为 lineHeight。 

(7) Text-transform: 大 小 写 。 

。 None: 默认 值 。 无 转换 发 生 。 

。 Capitalize: 将 每 个 单词 的 第 一 个 字母 转换 成 大 写 ,其 余 无 转换 发 生 。 

。 Uppercase: 转换 成 大 写 。 

。 Lowercase: 转换 成 小 写 。 
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对 应 的 脚本 特性 为 textTransform 。 
(8) Text-decoration: 文字 修饰 。 
none: 默认 值 。 无 装饰 。 
blink: 闪烁 。 
underline: 下 划 线 
line-through: 贯穿 。 
overline: 上 划 线 。 
默认 值 为 underline,del 默认 值 为 line-through。 
对 应 的 脚本 特性 为 textDecoration。 
(9) Color: 字 体 颜色 。 
color: 指定 颜色 。 
对 应 的 脚本 特性 为 color。 
2) 定义 CSS“* 背 景 "属性 
选择 “CSS 规则 定义 ”对 话 框 中 的 “背景 ”类别 ,可 以 定义 CSS 样式 的 背景 属性 。 网 页 中 
的 任何 元 素 都 可 以 应 用 背景 属性 ,如 图 8-75 所 示 。 
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其 中 : 

(1) Background-color: 背景 颜色 。 

。 transparent: 默认 值 。 背景 色 透 明 。 

。 color: 指定 颜色 。 

当 背 景 颜色 与 背景 图 像 (background-image) 都 被 设 定 了 时 ,背景 图 片 将 覆盖 于 背景 颜 
| 

对 应 的 脚本 特性 为 backgroundColor。 

(2) Background-image: 背景 图 像 。 

。 none: 默认 值 。 无 背景 图 。 

。 url(url) : 使 用 绝对 或 相对 url 地 址 指定 背景 图 像 。 
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对 应 的 脚本 特性 为 backgroundImage。 

(3) Background-repeat: 重复 。 

repeat: 默认 值 。 背 景 图 像 在 纵向 和 横向 上 平 铺 。 
no-repeat: 背景 图 像 不 平 铺 。 

repeat-x: 背景 图 像 仅 在 横向 上 平 铺 。 

repeat-y: 背景 图 像 仅 在 纵向 上 平 铺 。 

对 应 的 脚本 特性 为 backgroundRepeat。 

(4) Background-attachment: 附件 。 

。 scroll: 默认 值 。 背 景 图 像 随 对 象 内 容 滚动 。 

。 fixed: 背景 图 像 固定 。 

对 应 的 脚本 特性 为 backgroundAttachment。 

(5) Background-position(x) : 水 平 位 置 。 

。 length: 百分数 ,由 浮 点 数字 和 单位 标识 符 组 成 的 长 度 值 。 
left: 居 左 。 

center: 居中 。 

。 right: 居 右 。 

默认 值 为 0%。 

对 应 的 脚本 特性 为 backgroundPositionX。 

(6) Background-position(y): 垂直 位 置 。 

。 length: 百分数 ,由 浮 点 数字 和 单位 标识 符 组 成 的 长 度 值 。 请 参阅 长 度 单位 。 
。 top: 居 顶 。 

。 center: 居中 。 

。 bottom: 居 底 。 

默认 值 为 0%。 

对 应 的 脚本 特性 为 backgroundPositionY 。 

3) 定义 CSS* 区 块 ”属性 

选择 “CSS 规则 定义 ”对 话 框 中 的 “区 块 " 类 别 ,可 以 定义 标签 和 属性 的 间距 及 对 齐 方 式 


等 ,如 图 8-76 所 示 。 
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其 中 : 

(1) Word-spacing: 单词 间距 。 

。 normal: 默认 值 。 默 认 间 隔 。 

。 length: 由 浮 点 数字 和 单位 标识 符 组 成 的 长 度 值 , 允 许 为 负 值 。 

对 应 的 脚本 特性 为 wordSpacing。 

(2) Letter-spacing: 字母 间距 。 

。 normal: 默认 值 。 默 认 间 隔 。 

。 length: 由 浮 点 数字 和 单位 标识 符 组 成 的 长 度 值 , 允 许 为 负 值 。 

对 应 的 脚本 特性 为 letterSpacing 。 

(3) Vertical-align: 垂直 对 齐 。 

。 auto: 根据 layout-flow 属性 的 值 对 齐 对 象 内 容 。 

。 baseline: 默认 值 。 将 支持 valign 特性 的 对 象 的 内 容 与 基线 对 齐 。 

sub: 垂直 对 齐 文本 的 下 标 。 

。 super: 垂直 对 齐 文本 的 上 标 。 

。 top: 将 支持 valign 特性 的 对 象 的 内 容 与 对 象 项 端 对 齐 。 

。 text-top: 将 支持 valign 特性 的 对 象 的 文本 与 对 象 顶 端 对 齐 。 

。 middle: 将 支持 valign 特性 的 对 象 的 内 容 与 对 象 中 部 对 齐 。 

bottom: 将 支持 valign 特性 的 对 象 的 内 容 与 对 象 底 端 对 齐 。 

。 text-bottom: 将 支持 valign 特性 的 对 象 的 文本 与 对 象 顶 端 对 齐 。 

length: 由 浮 点 数字 和 单位 标识 符 组 成 的 长 度 值 ( 百 分 数 ) ,可 为 负数 。 定 义 由 基线 

算 起 的 偏 移 量 。 基 线 对 于 数值 来 说 为 0, 对 于 百分数 来 说 就 是 0%。 

对 应 的 脚本 特性 为 verticalAlign。 

(4) Text-align: 文本 对 齐 。 

。 left: 默认 值 。 左 对 齐 。 

。 right: 右 对 齐 。 

。 center: 居中 对 齐 。 

。 justify: 两 端 对 齐 。 

对 应 的 脚本 特性 为 textAlign。 

(5) Text-indent: 文字 缩 进 。 

。 length: 百分比 ,数字 ,由 浮 点 数字 和 单位 标识 符 组 成 的 长 度 值 ,允许 为 负 值 。 

对 应 的 脚本 特性 为 textIndent。 

(6) White-space: 空格 。 

。 normal: 默认 处 理 方式 。 文 本 自动 处 理 换行 ,假如 抵达 容器 边界 内 容 会 转 到 下 
二 行 5 

。 pre: 换行 和 其 他 空白 字符 都 将 受到 保护 。 

。 nowrap: 强制 在 同一 行内 显示 所 有 文本 ,直到 文本 结束 或 遇 到 br 对 象 。 

对 应 的 脚本 特性 为 whiteSpace。 

(7) Display: 显示 。 

。 block: 块 对 象 的 默认 值 。 将 对 象 强制 作为 块 对 象 呈 递 ,为 对 象 之 后 添加 新 行 。 
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。 none: 隐藏 对 象 。 与 visibility 属性 的 hidden 值 不 同 ,不 为 被 隐藏 的 对 象 保留 其 物理 
空间 。 
。 inline: 内 联 对 象 的 默认 值 。 将 对 象 强制 作为 内 联 对 象 呈 递 ,从 对 象 中 删除 行 。 
对 应 的 脚本 特性 为 display。 
4) 定义 CSS 的 * 方 框 属 性 
选择 “CSS 规则 定义 ”对 话 框 中 的 “ 方 框 ”类 别 , 可 以 定义 控制 元 素 在 页 面 上 的 放置 方式 
标签 和 属性 ,如 图 8-77 所 示 。 
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其 中 : 

(1) Width: 宽度 。 

。 auto: 默认 值 。 无 特殊 定位 ,根据 HTML 定位 规则 分 配 。 

。 length: 由 浮 点 数字 和 单位 标识 符 组 成 的 长 度 值 或 百分数 。 百 分 数 是 基于 父 对 象 的 
宽度 ,不 可 为 负数 。 

对 应 的 脚本 特性 为 width 。 

(2) Height: 高 度 。 

。 auto: 默认 值 。 无 特殊 定位 ,根据 HTML 定位 规则 分 配 。 

。 length: 由 浮 点 数字 和 单位 标识 符 组 成 的 长 度 值 或 百分数 。 百 分 数 是 基于 父 对 象 的 
高 度 , 不 可 为 负数 。 

(3) Float: 浮动 。 

。 none: 默认 值 。 对 象 不 飘浮 。 

。 left: 文本 流向 对 象 的 右边 。 

。 right: 文本 流向 对 象 的 左边 。 

对 应 的 脚本 特性 为 styleFloat。 

(4) Clear: 清除 。 

。 none: 默认 值 。 允 许 两 边 都 可 以 有 浮动 对 象 。 

。 left: 不 允许 左边 有 浮动 对 象 。 
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。 right: 不 允许 右边 有 浮动 对 象 。 

。 both: 不 允许 有 浮动 对 象 。 

对 应 的 脚本 特性 为 clear。 

(5) Padding: 填充 。 设 置 样式 限定 对 象 的 内 容 与 其 边线 之 间 的 距离 。 

length: 由 浮 点 数字 和 单位 标识 符 组 成 的 长 度 值 或 者 百分数 。 百 分 数 是 基于 父 对 象 

的 宽度 ,不 允许 负 值 。 检 索 或 设置 对 象 四 边 的 内 补丁 。 对 于 td 和 th 对 象 而 言 默认 

值 为 1, 其 他 对 象 的 默认 值 为 0。 如 果 提 供 全 部 4 个 参数 值 ,将 按 “ 上 ”* 右 ”-“ 下 ” 

“ 左 ” 的 顺序 作用 于 四 边 。 如 果 只 提供 一 个 ,将 用 于 全 部 的 4 条 边 。 如 果 提 供 两 个 ， 

第 一 个 用 于 “上 ”-“ 下 ”, 第 二 个 用 于 “ 左 ”-“ 右 ”。 如 果 提 供 三 个 ,第 一 个 用 于 “上 ”, 第 

二 个 用 于 “ 左 ”-* 右 ”, 第 三 个 用 于 “下 ”。 

对 应 的 脚本 特性 为 padding。 

。 padding-bottom: 对 应 的 脚本 特性 为 paddingBottom。 

。 padding-left: 对 应 的 脚本 特性 为 paddingLeft 。 

。 padding-right: 对 应 的 脚本 特性 为 paddingRight。 

。 padding-top: 对 应 的 脚本 特性 为 paddingTop。 

(6) Margin: 边界 。 设 置 样式 限定 对 象 的 边界 与 网 页 中 其 他 对 象 之 间 的 距离 。 

。 auto: 取 计 算 机 值 。 

。 length: 由 浮 点 数字 和 单位 标识 符 组 成 的 长 度 值 或 百分数 。 百 分 数 是 基于 父 对 象 的 
高 度 , 除 了 内 联 对 象 的 ”上 ”“ 下 ?补丁 外 ,支持 使 用 负数 值 。 检 索 或 设置 对 象 四 边 的 
外 补丁 ,默认 值 为 00。 如 果 提供 全 部 4 个 参数 值 ,将 按 “ 上 ”-* 右 ”下 ”-“ 左 ”的 顺序 
作用 于 四 边 。 如 果 只 提供 一 个 ,将 用 于 全 部 的 4 条 边 。 如 果 提 供 两 个 ,第 一 个 用 于 
“上 ”-“ 下 ”, 第 二 个 用 于 “ 左 ”-“ 右 ”。 如 果 提 供 三 个 ,第 一 个 用 于 “上”, 第 二 个 用 于 
“ 左 ”-* 右 ”, 第 三 个 用 于 “下 ”。 

对 应 的 脚本 特性 为 margin。 

。 margin-bottom: 对 应 的 脚本 特性 为 marginBottom。 

margin-left: 对 应 的 脚本 特性 为 marginLeft。 

margin-right: 对 应 的 脚本 特性 为 marginRight。 

margin-top: 对 应 的 脚本 特性 为 marginTop。 

5) 定义 CSS 的 “边框 ”属性 

选择 “CSS 规则 定义 ”对 话 框 中 的 “边框 "类别, 可 以 定义 元 素 周 围 的 边框 ,如 宽度 、 颜 色 


和 样式 等 ,如 图 8-78 所 示 。 


其 中 ， 

(1) Style: 设置 对 象 边框 的 样式 。 

。 none: 默认 值 , 无 边框 。 不 受 任何 指定 的 border-width 值 影响 。 

。 dotted: 在 MAC 平台 上 IE4 十 与 Windows 和 UNIX 平台 上 IE5.5 十 为 点 线 , 和 否则 为 
实 线 。 

dashed: 在 MAC 平台 上 IE4 十 与 Windows 和 UNIX 平台 上 IE5. 5 十 为 虚线 ,否则 
solid: 实 线 边框 。 
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double: 双 线 边框 。 两 条 单线 与 其 间隔 的 和 等 于 指定 的 border-width 值 。 
groove: 根据 border-color 的 值 画 3D 凹 槽 。 

ridge: 根据 border-color 的 值 画 3D 凸 槽 。 

inset: 根据 border-color 的 值 画 3D 凹 边 。 

outset: 根据 border-color 的 值 画 3D 凸 边 。 

如 果 提 供 全 部 4 个 参数 值 , 将 按 “" 上 ”-* 右 ”下 ”-“ 左 ”的 顺序 作用 于 4 个 边框 。 如 果 只 
提供 一 个 ,将 用 于 全 部 的 4 条 边 。 如 果 提 供 两 个 ,第 一 个 用 于 “上 ”-“ 下 ”, 第 二 个 用 于 “ 左 ”- 
“ 右 ”"。 如 果 提 供 三 个 ,第 一 个 用 于 上 ”, 第 二 个 用 于 “ 左 ”-“ 右 ”, 第 三 个 用 于 “下 ”。 

对 应 的 脚本 特性 为 borderStyle。 

。 border-top-style: 对 应 的 脚本 特性 为 borderTopStyle。 

。 border-right-style: 对 应 的 脚本 特性 为 borderRightStyle。 

。 border-bottom-style: 对 应 的 脚本 特性 为 borderBottomStyle。 

。 border-left-style: 对 应 的 脚本 特性 为 borderLeftStyle。 

(2) Width: 设置 对 象 边框 的 宽度 。 
medium: 默认 值 ,默认 宽度 。 
thin: 小 于 默认 宽度 。 
thick: 大 于 默认 宽度 。 
length: 由 浮 点 数字 和 单位 标识 符 组 成 的 长 度 值 , 不 可 为 负 值 。 请 参阅 长 度 单 位 。 
border-top-width: 对 应 的 脚本 特性 为 borderTopWidth。 
border-right-width: 对 应 的 脚本 特性 为 borderRightWidth 。 
border-bottom-width: 对 应 的 脚本 特性 为 borderBottomWidth 。 
border-left-width: 对 应 的 脚本 特性 为 borderLeftWidth。 

(3) Color: 设置 对 象 边框 的 颜色 。 
。 border-color: color 语法 取 值 。 
。 color: 指定 颜色 。 
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如 果 提 供 全 部 4 个 参数 值 . 将 按 “ 上 ”“ 右 ”下 ”“ 左 ”的 顺序 作用 于 4 个 边框 。 如 果 只 
提供 一 个 ,将 用 于 全 部 的 4 条 边 。 如 果 提 供 两 个 ,第 一 个 用 于 “上 ”-“ 下 ”, 第 二 个 用 于 “ 左 ”- 
“ 右 ”。 如 果 提 供 三 个 ,第 一 个 用 于 上”, 第 二 个 用 于 “ 左 ”-“ 右 ”, 第 三 个 用 于 “下 ”。 

border-top-style 设置 为 none 或 border-top-width 设置 为 0, 本 属性 将 失去 作用 。 

对 应 的 脚本 特性 为 borderColor。 

。 border-top-color: 对 应 的 脚本 特性 为 borderTopColor。 

。 border-right-color: 对 应 的 脚本 特性 为 borderRightColor。 

。 border-bottom-color: 对 应 的 脚本 特性 为 borderBottomColor。 

。 border-left-color: 对 应 的 脚本 特性 为 borderLeftColor。 

6) 定义 CSS 的 “列表 ”属性 

选择 “CSS 规则 定义 ”对 话 框 中 的 “列表 ”类 别 , 可 以 为 列表 标签 定义 列表 设置 ,如 项 目 
符号 大 小 和 类 型 ,如 图 8-79 所 示 。 


-blue 的 CSS 规则 定义 
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图 8-79 “列表 ”属性 定义 窗口 

其 中 ， 
(1) List-style-type( 类 型 ): 设置 或 检索 对 象 的 列表 项 所 使 用 的 预 设 标记 。 
。 disc: 默认 值 ,实心 圆 。 
circle: 空心 圆 。 
square: 实心 方块 。 
decimal: 阿拉 伯 数 字 。 
lower-roman: 小 写 罗马 数字 。 
upper-roman: 大 写 罗 马 数 字 。 
lower-alpha: 小 写 英 文字 母 。 
upper-alpha: 大 写 英文 字母 。 

。 none: 不 使 用 项 目 符号 。 

车 list-style-image 属性 值 为 none 或 指定 url 地 址 的 图 片 不 能 被 显示 时 ,此 属性 将 发 生 
作用 。 假 如 一 个 列表 项 目的 左 外 补丁 (margin-left) 被 设置 为 0, 则 列表 项 目标 记 不 会 被 显 
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示 。 左 外 补丁 最 小 可 以 被 设置 为 30。 

对 应 的 脚本 特性 为 listStyleType。 

(2) List-style-image( 项 目 符号 图 像 ): 设置 或 检索 作为 对 象 的 列表 项 标记 的 图 像 。 

。 none: 默认 值 ,不 指定 图 像 。 

。 url: 使 用 绝对 或 相对 url 地 址 指定 图 像 。 

若 此 属性 值 为 none 或 指定 url 地 址 的 图 片 不 能 被 显示 时 , list-style-type 属性 将 发 生 
作用 。 

对 应 的 脚本 特性 为 listStyleImage。 

(3) List-style-Position( 位 置 )。 

。 outside: 默认 值 , 列 表 项 目标 记 放 置 在 文本 以 外 , 且 环 绕 文本 不 根据 标记 对 齐 。 

。 inside: 列表 项 目标 记 放 管 在 文本 以 内 , 且 环 绕 文 本 根据 标记 对 齐 。 

设置 或 检索 作为 对 象 的 列表 项 标记 如 何 根据 文本 排列 。 假 如 一 个 列表 项 目的 左 外 补丁 
(margin-left) 被 设置 为 0, 则 列表 项 目标 记 不 会 被 显示 。 左 外 补丁 最 小 可 以 被 设置 为 30。 

对 应 的 脚本 特性 为 listStylePosition。 

7) 定义 CSS 的 “定位 ”属性 

选择 *CSS 规则 定义 ”对 话 框 中 的 “定位 ”类 别 ,“ 定 位 ”样式 属性 使 用 “AP 元 素 ”, 首 先 参 
数 中 定义 AP 元 素 的 默认 标签 ,将 标签 或 所 选 文本 块 更 改 为 新 AP 元 素 , 如 图 8-80 所 示 。 


-blue 的 CSS 规则 定义 
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图 8-80 “定位 "属性 定义 窗口 


其 中 : 

(1) Position: 对 象 的 定位 方式 。 

。 static: 默认 值 。 无 特殊 定位 ,对 象 遵循 HTML 定位 规则 。 

absolute: 绝对 定位 。 设 置 此 属性 值 为 absolute 会 将 对 象 拖 离 出 正常 的 文档 流 绝对 
定位 而 不 考虑 它 周 围 内 容 的 布局 。 假 如 其 他 具有 不 同 z-index 属性 的 对 象 已 经 占据 
了 给 定 的 位 置 , 它 们 之 间 不 会 相互 影响 ,而 会 在 同一 位 置 层 释 。 此 时 对 象 不 具有 外 
补丁 (margin) ,但 仍 有 内 补丁 (padding) 和 边框 (border)。 要 激活 对 象 的 绝对 
(absolute) 定 位 ,必须 指定 left right top 和 bottom 属性 中 的 至 少 一 个 ,并 且 设置 此 
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属性 值 为 absolute。 和 否则 上 述 属 性 会 使 用 它们 的 默认 值 auto, 这 将 导致 对 象 遵从 正 
常 的 HTML 布局 规则 ,在 前 一 个 对 象 之 后 立即 被 呈 递 。 

fixed: 固定 。 对 象 定 位 遵从 绝对 方式 ,但 是 要 遵守 一 些 规范 。 

relative: 相对 定位 。 设 置 此 属性 值 为 relative 会 保持 对 象 在 正常 的 HTML 流 中 ,但 
是 它 的 位 置 可 以 根据 它 的 前 一 个 对 象 进行 偏 移 。 在 相对 定位 对 象 之 后 的 文本 或 对 
象 占有 它们 自己 的 空间 而 不 会 覆盖 被 定位 对 象 的 自然 空间 。 与 此 不 同 的 是 ,在 绝对 
定位 对 象 之 后 的 文本 或 对 象 在 被 定位 对 象 被 拖 离 正 常 文档 流 之 前 会 占有 它 的 自然 
空间 。 放 置 绝对 定位 对 象 在 可 视 区 域 之 外 会 导致 滚动 条 出 现 ,而 放置 相对 定位 对 象 
在 可 视 区 域 之 外 ,滚动 条 不 会 出 现 。 内 容 的 尺寸 会 根据 布局 确定 对 象 的 尺寸 。 例 
如 ,设置 一 个 div 对 象 的 height 和 position 属性 , 则 div 对 象 的 内 容 将 决定 它 的 宽度 
Cwidth) 。 对 于 其 他 对 象 而 言 是 可 读 写 的 。 


对 应 的 脚本 特性 为 position 。 

(2) Width: 定义 AP 元 素 的 宽度 。 

(3) Height: 定义 AP 元 素 的 高 度 。 

(4) Visibility: 设置 或 检索 是 否 显示 对 象 。 


inherit: 默认 值 。 继 承 父 对 象 的 可 见 性 。 

visible: 对 象 可 视 。 

collapse: 未 支持 。 主 要 用 来 隐藏 表格 的 行 或 列 。 隐 藏 的 行 或 列 能 够 被 其 他 内 容 使 
用 。 对 于 表格 外 的 其 他 对 象 ,其 作用 等 同 于 hidden。 

hidden: 对 象 隐藏 。 与 display 属性 不 同 ,此 属性 为 隐藏 的 对 象 保留 其 占据 的 物理 
空间 。 


对 应 的 脚本 特性 为 visibility。 
(5) Z-Index: 检索 或 设置 对 象 的 层 释 顺序 。 


auto: 默认 值 。 遵 从 其 父 对 象 的 定位 。 

number: 无 单位 的 整数 值 , 可 为 负数 。 较 大 number 值 的 对 象 会 覆盖 在 较 小 number 
值 的 对 象 之 上 。 如 两 个 绝对 定位 对 象 的 此 属性 具有 同样 的 number 值 ,那么 将 依据 
它们 在 HTML 文档 中 声明 的 顺序 层 琶 。 对 于 未 指定 此 属性 的 绝对 定位 对 象 , 此 属 
性 的 number 值 为 正 数 的 对 象 会 在 其 之 上 ,而 number 值 为 负数 的 对 象 在 其 之 下 。 
设置 参数 为 null 可 以 移 除 此 属性 。 此 属性 仅仅 作用 于 position 属性 值 为 relative 或 
absolute 的 对 象 。 


对 应 的 脚本 特性 为 zIndex。 
(6) Overflow: 检索 或 设置 当 对 象 的 内 容 超过 其 指定 高 度 及 宽度 时 如 何 管 理 内 容 。 


visible: 默认 值 。 不 剪 切 内 容 , 也 不 添加 滚动 条 。 
auto: 在 必需 时 对 象 内 容 才 会 被 裁 切 或 显示 滚动 条 。 
hidden: 不 显示 超过 对 象 尺寸 的 内 容 。 

scroll: 总 是 显示 滚动 条 。 


对 应 的 脚本 特性 为 overflow 。 
(7) Placement: 设置 对 象 定 位 层 的 位 置 。 


Top: 顶部 定位 。 
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。 Right: 右边 定位 。 

。 Bottom: 底部 定位 。 

。 Left: 左边 定位 。 

对 应 的 脚本 特性 为 placement。 

(8) Clip: 检索 或 设置 对 象 的 可 视 区 域 。 

。 auto: 默认 值 。 对 象 无 剪 切 。 

。 number: 依据 * 上 ”* 右 ”下 ”-“ 左 ”的 数值 设置 对 象 。 左 上 角 为 (0,0) 坐 标 计 算 的 4 

个 偏 移 数 值 ,其 中 任 一 数值 都 可 用 auto 蔡 换 , 即 此 边 不 剪 切 。 

可 视 区 域外 的 部 分 是 透明 的 。 此 属性 定义 了 绝对 定位 对 象 可 视 区 域 的 尺寸 。 必 须 将 
position 属性 的 值 设 为 absolute, 此 属性 方 可 使 用 。 

对 应 的 脚本 特性 为 clip。 

8) 定义 CSS 的 “扩展 ”属性 

选择 “CSS 规则 定义 ?对 话 框 中 的 “扩展 类别 “扩展 ?样式 属性 包括 过 滤器 、 分 页 和 指 
针 选 项 ,它们 中 的 大 部 分 不 被 任何 浏览 器 支持 ,或 仅 被 Internet Explorer4. 0 及 以 上 版 本 支 
持 , 如 图 8-81 所 示 。 
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图 8-81 “扩展 ”属性 定义 窗口 


其 中 ， 
(1) Page-break-before( 之 前 ) : 检索 或 设置 对 象 前 出 现 的 页 分 割 符 。 此 属性 在 打印 文 
档 时 发 生 作用 。 


。 auto: 假如 需要 在 对 象 之 前 插入 页 分 割 符 。 

。 always: 始终 在 对 象 之 前 插入 页 分 割 符 。 

avoid: 未 支持 。 避 免 在 对 象 之 前 插入 页 分 割 符 。 

left: 未 支持 。 在 对 象 之 前 插入 页 分 割 符 ,直到 它 到 达 一 个 空白 的 左 页 边 。 

right: 未 支持 。 在 对 象 之 前 插入 页 分 割 符 ,直到 它 到 达 一 个 空白 的 右 页 边 。 

。 null: 空白 字符 串 。 取 消 页 分 割 符 设置 。 

假如 在 浏览 器 已 显示 的 对 象 上 此 属性 和 page-break-after 属性 的 值 之 间 发 生 冲 突 , 则 导 
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臻 最 大 数目 分 页 的 值 被 使 用 。 页 分 隔 符 不 允许 出 现在 定位 对 象 内 部 。 
对 应 的 脚本 特性 为 pageBreakBefore。 
(2) Page-break-after( 之 后 ) : 检索 或 设置 对 象 后 出 现 的 页 分 割 符 。 此 属性 在 打印 文档 


时 发 生 作用 。 


auto: 假如 需要 在 对 象 之 后 插入 页 分 割 符 。 

always: 始终 在 对 象 之 后 插入 页 分 割 符 。 

avoid: 未 支持 。 避 免 在 对 象 后 面 插入 页 分 割 符 。 

left: 未 支持 。 在 对 象 后 面 插入 页 分 割 符 , 直 到 它 到 达 一 个 空白 的 左 页 边 。 
right: 未 支持 。 在 对 象 后 面 插入 页 分 割 符 , 直 到 它 到 达 一 个 空白 的 右 页 边 。 
null: 空白 字符 串 。 取 消 页 分 割 符 设置 。 


假如 在 浏览 器 已 显示 的 对 象 上 此 属性 和 page-break-before 属性 的 值 之 间 发 生 冲 突 , 则 
导致 最 大 数目 分 页 的 值 被 使 用 。 页 分 隔 符 不 允许 出 现在 定位 对 象 内 部 。 

对 应 的 脚本 特性 为 pageBreakAfter。 

(3) Cursor( 光 标 ): 设置 或 检索 在 对 象 上 移动 的 鼠标 指针 采用 的 光标 形状 。 


auto: 默认 值 。 浏 览 器 根据 当前 情况 自动 确定 鼠标 光标 类 型 。 

all-scroll: 有 上 、 下 左右 4 个 箭头 ,中 间 有 一 个 圆 点 的 光标 。 用 于 标示 页 面 可 以 向 
上 、 下 、 左 、 右 任何 方向 深 动 。 

col-resize: 有 左右 两 个 箭头 ,中 间 有 坚 线 分 隔 开 的 光标 。 用 于 标示 项 目 或 标题 栏 可 
以 被 水 平 改变 尺寸 。 

crosshair: 简单 的 十 字 线 光标 。 

default: 客户 端 平台 的 默认 光标 。 通 常 是 一 个 箭头 。 

hand: 竖 起 一 只 手指 的 手 形 光 标 。 就 像 通 常用 户 将 光标 移 到 超 链接 上 时 那样 。 
move: 十 字 箭 头 光标 。 用 于 标示 对 象 可 被 移动 。 

help: 带 有 问号 标记 的 箭头 。 用 于 标示 有 帮助 信息 存在 。 

no-drop: 带 有 一 个 被 斜 线 贯 穿 的 圆圈 的 手 形 光 标 。 用 于 标示 被 拖 起 的 对 象 不 允许 
在 光标 的 当前 位 置 被 放下 。 

not-allowed: 禁止 标记 (一 个 被 斜 线 贯穿 的 圆圈 ) 光 标 。 用 于 标示 请 求 的 操作 不 允 
许 被 执行 。 

pointer: 和 hand 一 样 。 坚 起 一 只 手指 的 手 形 光标 。 就 像 通 常用 户 将 光标 移 到 超 链 
接 上 时 那样 。 

progress: 带 有 沙漏 标记 的 箭头 光标 。 用 于 标示 一 个 进程 正在 后 台 运 行 。 
row-resize: 有 上 、 下 两 个 箭头 ,中 间 有 横 线 分 隔 开 的 光标 。 用 于 标示 项 目 或 标题 栏 
可 以 被 垂直 改变 尺寸 。 

text: 用 于 标示 可 编辑 的 水 平 文本 的 光标 。 通 常 是 大 写字 母 I 的 形状 。 

vertical-text: 用 于 标示 可 编辑 的 垂直 文本 的 光标 。 通 常 是 大 写字 母 TI 旋转 90 的 形状 。 
wait: 用 于 标示 程序 忙 用 户 需要 等 待 的 光标 。 通 常 是 沙漏 或 手表 的 形状 。 

#x -resize( 包 括 w-resize、s-resize、n-resize、e-resize、ne-resize、sw-resize、se-resize 和 


nw-resize) : 用 于 标示 对 象 可 被 改变 尺寸 方向 的 箭头 光标 。 


对 应 的 脚本 特性 为 cursor。 


(4) Filter( 滤 镜 ) : 设置 或 检索 对 象 所 应 用 的 滤 镜 或 滤 镜 集合 。 

filter: 要 使 用 的 滤 镜 效果 。 多 个 滤 镜 之 间 用 空格 隔 开 。 

此 属性 仅 作用 于 有 布局 的 对 象 ,如 块 对 象 。 内 联 要 素 要 使 用 该 属性 ,必须 先 设 定 对 象 的 
height 或 width 属性 ,或 者 设 定 position 属性 为 absolute, 或 者 设 定 display 属性 为 block。 


8.3.5 CSS 样式 的 应 用 


创建 的 CSS 样式 有 三 种 存在 方式 , 即 直 接 插 入 式 、 内 部 文档 头 方式 和 外 部 文件 方式 ,对 
应 也 有 三 种 应 用 方法 。 


1. 直接 插入 式 


直接 插入 式 是 混合 在 HTML 标记 里 使 用 的 ,用 这 种 方法 可 以 很 简单 的 对 某 个 元 素 单 
独 定义 样式 。 

直接 插入 式 的 使 用 是 直接 在 HTML 标记 里 加 入 style 参数 。 而 style 参数 的 内 容 就 是 
CSS 的 属性 和 值 , 例 如 : 


<p style = "color:blue; margin— left:10px;"> 
</p> 
注意 : style 参数 可 以 应 用 于 任意 body 内 的 元 素 (包括 body 本 身 ), 除 了 BaseFont、 


Param 和 Script 之 外 。 
应 用 场合 : 对 某 个 元 素 单独 定义 样式 。 


2. 插入 内 部 文档 头 方式 

内 部 文档 头 方式 是 把 样式 代码 放 到 页 面 的 二 head 二 和 二 /head 二 之 间 , 并 用 二 style> 
和 三 /style 标 记 进 行 声 明 , 例 如 : 

<head> 


re type = "text/css"> 

hr {color: sienna} 

p {margin - left: 20px} 

body {background - image: url("images/back40. gif")} 

</style> 

iad 

但 是 ,有 些 低 版 本 的 浏览 器 不 能 识别 style 标记 ,这 意味 着 低 版 本 的 浏览 器 会 忽略 style 
标记 里 的 内 容 , 并 把 style 标记 里 的 内 容 以 文本 的 方式 直接 显示 到 页 面 上 。 为 了 避免 这 样 的 
情况 发 生 , 可 以 用 加 HTML 注释 的 方式 (二 ! -注释 -- 之 ) 隐 藏 内 容 而 不 让 它 显 示 , 即 ， 


<head> 


< style type = "text/css"> 
<! —— 
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hr {color: sienna} 

p {margin— left: 20px} 

body {background - image: url("images/back40.gif")} 
——> 

</style> 


als 
应 用 场合 : 应 用 于 单个 网 页 。 
3. 引用 外 部 文件 方式 


一 系列 存储 在 一 个 单独 的 外 部 文件 中 的 CSS 规则 ,利用 文档 文件 头 部 分 中 的 链接 ,应 
用 到 Web 站 点 中 的 一 个 或 多 个 页 面 。 

引用 外 部 文件 方式 分 为 链接 外 部 样式 表 和 导入 外 部 样式 表 两 类 。 

在 任何 一 个 准备 引用 外 部 样式 表 文件 的 页 面 上 单 击 “CSS 样式 ”面板 的 “附加 样式 表 ” 
按钮 吉 (或 选择 “格式 ”>“CSS 样式 ”>“ 附 加 样式 表 ” 命 令 , 或 选择 “属性 ”面板 的 HTML 
标签 下 的 “类 ”中 的 “附加 样式 表 ” 选 项 ) ,打开 “链接 外 部 样式 表 ” 对 话 框 ,如 图 8-82 所 示 。 


链接 外 部 样式 表 


文件 /ELG): | 图 
添加 为: 链接 LL) 
OSAD 


所 :|  ” 国 


您 也 可 以 输入 逗号 分 隔 的 媒体 类 型 列表 。 
Jresmweaver 的 范例 样式 囊 可 以 必 助 烙 起 步 。 


图 8-82 “链接 外 部 样式 表 ” 对 话 框 


选择 要 链接 或 导入 到 当前 文档 中 的 外 部 样式 表 文件 ,再 选择 “添加 为 ”*(* 链 接 ” 或 “ 导 
入”) 选 项 ,可 以 选择 文件 的 媒体 类 型 ,然后 单 击 “ 确 定 ” 按 钮 即 可 。 

(1) 链接 外 部 样式 表 

链 入 外 部 样式 表 是 把 样式 表 保存 为 一 个 样式 表 文 件 ,然后 在 页 面 中 用 二 link 之 标记 链 
接 到 这 个 样式 表 文 件 , 这 个 标记 必须 放 到 页 面 的 天 head 之 和 /head> 之 间 , 如 ， 


<head > 

Zl href = "mystyle.css" rel = "stylesheet" type = "text/css" media = "all"> 

hesd> 

上 面 这 个 例子 表示 浏览 器 从 mystyle. css 文件 中 以 文档 格式 读 出 定义 的 样式 表 。 
rel 二 "stylesheet" 是 指 在 页 面 中 使 用 这 个 外 部 的 样式 表 。type 二 "text/css" 是 指 文件 的 类 型 
是 样式 表 文 本 。href 二 "mystyle. css" 是 文件 所 在 的 位 置 。media 是 选择 媒体 类 型 ,这 些 媒 
体 包 括 屏 幕 纸张 .语音 合成 设备 、 盲 文 阅读 设备 等 。 

一 个 外 部 样式 表 文 件 可 以 应 用 于 多 个 页 面 。 当 改变 这 个 样式 表 文 件 时 ,所 有 页 面 的 样 
式 都 随 之 而 改变 。 在 制作 大 量 相同 样式 页 面 的 网 站 时 非常 有 用 ,不 仅 减 少 了 重复 的 工作 量 ， 
而 且 有 利于 以 后 的 修改 和 编辑 ,浏览 时 也 减少 了 重复 下 载 代码 的 时 间 。 
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(2) 导入 外 部 样式 表 
导入 外 部 样式 表 是 指 在 内 部 样式 表 的 二 style 之 里 导入 一 个 外 部 样式 表 , 导 入 时 用 @ 


import, 如 : 
<head> 


< style type = "text/css"> 
二 

@import "mystyle. css" 

其 他 样式 表 的 声明 

--> 

</style> 


</head> 

例 中 @import"mystyle. css" 表 示 导 入 mystyle. css 样式 表 文 件 , 注 意 使 用 时 外 部 样式 
表 的 路 径 。 方 法 和 链 入 样式 表 的 方法 很 相似 ,但 导入 外 部 样式 表 输 入 方式 更 有 优势 。 实 质 
上 它 是 相当 于 存在 内 部 样式 表 中 的 。 

链接 外 部 样式 表 与 导入 外 部 样式 表 的 差别 : 

(1) 使 用 协议 不 同 。 

链接 样式 使 用 的 是 HTTP 协议 ,而 导入 样式 使 用 的 是 URL, 可 更 广泛 地 应 用 于 各 种 协 
议 , 如 HTTP、FTP 等 。 当 一 个 CSS 样式 文件 中 引用 另 一 个 CSS 样式 文件 时 ,必须 使 用 导 
入 的 方式 ,而 不 能 使 用 链接 方式 。 

(2) 功能 不 同 。 

Link 标签 除了 可 以 加 载 CSS 外 ,还 可 以 做 其 他 事情 ,如 定义 RSS( 简 易 信息 聚合 )、 定 义 
rel 连接 属性 等 ,而 @import 就 只 能 加 载 CSS。 

(3) 加 载 顺 序 不 同 。 

当 一 个 页 面 被 加 载 的 时 候 ,Link 引用 的 CSS 会 同时 被 加 载 ,而 @import 引用 的 CSS 会 
等 到 页 面 全 部 被 下 载 后 再 被 加 载 。 所 以 有 时 浏览 @import 加 载 CSS 的 页 面 时 ,开始 没有 
样式 ( 即 闪 烁 ) ,网 速 较 慢 时 更 明显 。 

(4) 兼容 性 不 同 。 

由 于 @import 是 CSS2. 1 提出 的 ,因此 旧版 本 的 浏览 器 不 支持 ,只 有 IE5 以 上 版 本 才能 
识别 ,而 Link 标签 无 此 问题 。 

(5) 使 用 dom 控制 样式 时 不 同 。 

当 使 用 JavaScript 控制 dom 去 改变 样式 时 ,只 能 使 用 Link 标签 ,因为 @import 不 能 控 
制 dom。 


@.4 模板 和 库 的 应 用 


通常 一 个 网 站 中 有 几 十 乃至 上 百 个 风格 基本 相似 的 页 面 ,每 个 页 面 都 要 逐个 制作 ,不 但 
效率 低 ,而 且 十 分 乏味 。 模 板 和 库 很 好 地 解决 了 这 个 问题 。 
模板 是 一 种 预先 设计 好 的 网 页 样式 ,用 于 设计 网 页 布局 ,在 制作 风格 相似 的 页 面 时 ,只 
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要 套用 这 个 模板 便 可 以 设计 出 风格 一 致 的 网 页 。 模 板 最 强大 的 用 途 在 于 可 以 一 次 更 新 多 个 
页 面 ,利用 模板 创建 的 文档 与 该 模板 保持 连接 状态 (除非 以 后 分 离 该 文档 ) ,可 以 修改 模板 并 
立即 更 新 基于 该 模板 的 所 有 文档 中 的 设计 。 

库 是 将 具有 相同 内 容 的 部 分 存储 为 库 元 素 , 库 中 可 以 存储 各 种 各 样 的 页 面 元 素 , 如 图 
像 . 表 格 声音 或 动画 文件 等 ,在 需要 时 将 它们 作为 一 个 整体 进行 调用 即 可 。 库 中 存储 的 资 
源 称 为 库 项 目 , 库 项 目 可 以 在 多 个 网 页 中 重复 使 用 。 每 当 更 改 某 个 库 项 目的 内 容 时 ,都 可 以 
更 新 所 有 使 用 该 项 目的 页 面 。 


8.4.1 模板 的 基本 操作 
1. 模板 的 基本 特点 


(1) 可 以 生成 大 批 风 格 相近 的 网 页 。 

模板 可 以 帮助 设计 者 把 网 页 的 布局 和 内 容 分 离 ,快速 制作 大 量 风格 布局 相似 的 Web 页 
面 ,使 网 页 设计 更 规范 ,制作 效率 更 高 。 

(2) 一 旦 模板 修改 将 自动 更 新 使 用 该 模板 的 一 批 网 页 。 

从 模板 创建 的 文档 与 该 模板 保持 连接 状态 (除非 以 后 分 离 该 文档 ) , 当 模板 改变 时 ,所 有 
使 用 该 模板 的 网 页 都 将 随 之 改变 。 


2. 模板 的 创建 方法 


模板 的 创建 方法 如 下 : 

(1) 通过 菜单 创建 。 

@ 在 “文件 ”面板 中 选择 要 创建 模板 的 站 点 。 

@ 选择 “文件 ”一 “新 建 "命令 ,打开 “新 建文 档 ” 对 话 框 ,选择 “ 空 模 板 ” 中 的 “HTML 模 
板 ” 选 项 ,再 选择 一 种 布局 方式 ,如 图 8-83 所 示 。 


模板 类 到 i 
出生 jeseript 入 人 


一 个 居中 列 ， 袖 度 以 入 素 表示 。 


文档 类 型 XHINL 1.0 Transitional 


图 
机 局 Css 位 置 .| 未 加 到 文档 类 回 


图 8-83 “新 建文 档 " 对 话 框 
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@ 单 击 “ 创 建 "按钮 , 即 创建 一 个 空白 模板 。 

(2) 通过 “资源 ”面板 创建 模板 。 

Q@ 在 “文件 ”面板 中 选择 要 创建 模板 的 站 点 。 

@ 选择 “窗口 >“ 资源 "命令 ,打开 “资源 ”面板 , 单 击 “ 添 加 ”按钮 ,输入 模板 名 称 , 即 创 
建 了 模板 ,如 图 8-84 所 示 。 

(3) 利用 现成 网 页 创建 模板 。 

O 选择 “文件 ”>“ 打 开 ” 命 令 , 打 开 要 作为 模板 的 网 页 。 

@ 选择 “文件 ”一 “另存 为 模板 ”命令 ,打开 “另存 为 模板 ”对 话 框 ,输入 模板 名 称 
moban1, 如 图 8-85 所 示 。 


与 二 yn 由 
看 A Ba | 
国 
局 [= 11B /Tenplates/al 
Elbe 11B /Templates/Un 
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图 8-84 “资源 ”面板 图 8-85 “另存 模板 ”对 话 框 


@ 单 击 “保存 "按钮 , 即 创建 一 个 模板 。 
3. 创建 模板 区 域 


创建 模板 时 可 指定 基于 模板 的 文档 中 哪些 区 域 可 编辑 ,哪些 区 域 被 锁定 。 创 建 模板 时 ， 
可 编辑 区 域 和 锁定 区 域 都 可 以 更 改 。 在 基于 模板 的 文档 中 ,模板 用 户 只 能 更 改 可 编辑 区 域 ， 
无 法 修改 锁定 区 域 。 

模板 区 域 主要 有 可 编辑 区 域 .重复 区 域 和 可 选区 域 等 类 型 。 

创建 模板 区 域 的 方法 是 : 选择 “插入 ”一 “模板 对 象 " 下 的 相应 命令 ,如 图 8-86 所 示 。 


创建 模板 刀 
创建 幅 套 模板 四 


可 编辑 区 域 包 ) CtrltALtty 


最 近 的 代码 片断 EB) 
Wideet WD)... 


spry®) | 可 区 域 @) 
IaContext RditineG) "| 重复 区 域 8) 
天才 “| 可 编辑 的 可 选区 域 四 ) 


自 定义 收 宋 夹 QD. 重复 表格 I) 
获 职 更 多 对 象 @)... 


8-86 ”利用 “插入 ”菜单 创建 模板 区 域 


(1) 创建 可 编辑 区 域 。 
可 编辑 区 域 控 制 在 基于 模板 的 页 面 中 用 户 可 以 编辑 哪些 区 域 。 
创建 可 编辑 区 域 过 程 如 下 : 
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QO 在 已 创建 的 模板 文档 中 编辑 网 页 ,其 布局 ,制作 方法 与 普通 网 页 完全 相同 。 

@ 将 插入 点 置 于 要 搬入 可 编辑 区 域 的 地 方 。 

@ 选择 “插入 ”一 “模板 对 象 ”“ 可 编辑 区 域 ”命令 ,打开 “新 建 可 编辑 区 域 ” 对 话 框 ,如 
图 8-87 所 示 。 

@ 输入 该 区 域 的 名 称 , 单 击 “确定 ”按钮 , 即 创建 了 一 个 可 编辑 区 域 。 

可 编辑 区 域 在 模板 中 由 高 亮度 显示 的 矩形 边框 围绕 ,该 边框 使 用 在 参数 选择 中 设置 的 
高 亮 颜色 ,该 区 域 左上 角 的 选项 卡 显示 该 区 域 的 名 称 , 如 图 8-88 所 示 。 


新 建 可 编辑 区 域 
2 称 RR | 
bb 
Bdithegionl 
图 8-87 “新 建 可 编辑 区 域 ”对 话 框 图 8-88 “可 编辑 区 域 ”图 示 


(2) 创建 重复 区 域 。 

重复 区 域 是 可 以 根据 需要 在 基于 模板 的 页 面 中 复制 任意 次 数 的 模板 部 分 。 重 复 区 域 通 
常用 于 表格 ,也 可 以 为 其 他 元 素 定义 重复 区 域 。 

创建 重复 区 域 过 程 如 下 : 

QO 在 文档 窗口 中 选择 要 设置 为 重复 区 域 的 文本 (或 其 他 内 容 ) ,或 将 插入 点 置 于 文档 中 
要 插入 重复 区 域 的 地 方 。 

@ 选择 "插入 ”一 “模板 对 象 "~*“ 重 复 区 域 "命令 ,打开 * 新 建 重复 区 域 ?" 对 话 框 , 如 
图 8-89 所 示 。 

@ 输入 该 区 域 的 名 称 , 单 击 “ 确 定 ” 按 钮 , 即 创建 了 一 个 重复 区 域 。 

重复 区 域 在 模板 中 由 高 亮度 显示 的 矩形 边框 围绕 ,该 边框 使 用 在 参数 选择 中 设置 的 高 
亮 颜色 ,该 区 域 左 上 角 的 选项 卡 显示 该 区 域 的 名 称 , 如 图 8-90 所 示 。 


: 熙 gionl 
上 次 出 现在 基于 该 醒 析 的 
peatedient 
RepeatRegionl 
图 8-89 “新 建 重复 区 域 " 对 话 杠 图 8-90 “重复 区 域 ”图 示 


(3) 创建 可 选区 域 。 

使 用 “可 选区 域 " 可 以 控制 不 一 定 在 基于 模板 的 文档 中 显示 的 内 容 。 例 如 ,如 果 “ 可 选 
域 ”中 包含 图 像 或 文本 .模板 用 户 可 以 设置 该 内 容 是 否 显示 ,并 根据 需要 对 该 内 容 进 行 编辑 。 
“可 选区 域 ? 是 由 条 件 语 句 控制 的 。 

“可 选区 域 ”分 为 “一 般 可 选区 域 " 和 “可 编辑 的 可 选区 域 ”两 种 类 型 。 
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中 创建 一 般 可 选区 域 。 
在 文档 窗口 中 选择 要 设置 为 “可 选区 域 " 的 元 素 ,再 选择 “插入 ”一 “模板 对 象 *>“ 可 选 
域 " 命 令 , 打 开 “ 新 建 可 选区 域 ” 对 话 框 ,如 图 8-91 所 示 。 
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(a) “基本 ”标签 (b) “高 级 ”标签 
图 8-91 “新 建 可 选区 域 ”( 一 般 可 选区 域 ) 对 话 框 
输入 该 区 域 的 名 称 , 单 击 “确定 ”按钮 , 即 创建 了 一 个 可 选区 域 ,如 图 8-92 所 示 。 
IE OptionalRegionl 
OptionalRegionl 
图 8-92 “可 选区 域 ”图 示 


@ 创建 可 编辑 的 可 选区 域 。 
在 文档 窗口 中 将 插入 点 置 于 要 插入 * 可 选区 域 " 的 地 方 , 再 选择 "搬入 ”一 "模板 对 象 "一 
“可 编辑 的 可 选区 域 "命令 ,打开 “新 建 可 选区 域 " 对 话 框 ,如 图 8-93 所 示 。 
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(a) “基本 ”标签 (b) “高 级 ”标签 
图 8-93 “新 建 可 选区 域 ”( 可 编辑 的 可 选区 域 ) 对 话 框 


输入 该 区 域 的 名 称 , 单 击 “ 确 定 ” 按 钮 , 即 创建 了 一 个 可 编辑 的 可 选区 域 ,如 图 8-94 
所 示 。 


IE OptionalRegion2 


OptionalRegion2 


图 8-94 “可 编辑 的 可 选区 域 ?图 示 
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8.4.2 库 的 基本 操作 

Dreamweaver CS5 中 的 库 项 目 与 模板 一 样 , 可 以 规范 网 页 格式 ,避免 对 此 重复 操作 。 
两 者 的 区 别 是 模板 对 网 页 的 整体 页 面 起 作用 , 库 项 目 只 对 网 页 的 部 分 区 域 起 作用 ,使 用 库 比 
使 用 模板 更 灵活 。 

1. 创建 库 项 目 


网 页 文档 body 部 分 中 的 文本 表格 .表单 .插件 .ActiveX 元 素 、 导 航 条 和 图 像 等 元 素 都 
可 添加 为 库 项 目 。 

创建 库 项 目的 过 程 如 下 : 

(1) 选择 “窗口 >“ 资源 ”命令 ,打开 “资源 "面板 , 单 击 面板 左 侧 的 “ 库 ” 按 钮 ,打开 “ 库 " 资 源 。 

(2) 单 击 * 库 ?类 别 底部 的 新 建 库 项 目 按钮 ,一 个 新 的 库 项 目 被 添加 到 面板 上 的 列表 中 ， 
为 新 库 项 目 输入 一 个 名 称 , 如 图 8-95 所 示 。 

(3) 双击 该 库 项 目 , 在 文档 窗口 中 进行 编辑 后 ,关闭 此 文档 ,提示 是 否 保存 库 , 如 图 8-96 


所 示 。 
国 库 
于 || se 人 mt 上 
十 | 着 要 开始 ， 请 点 击 区 编辑 按 委 于 加 内 容 
再 
1 
E 梧 | 天 丰 [ 元 要 ts 
1¥B /Library/Unti 
® 企 是 否 格 改动 保存 到 kul. lbi? 
昌 RE 
LL 插入] (Rlled| 是 百 四 二 
图 8-95 “创建 空白 库 项 目 ” 资 源 面板 图 8-96 ”提示 是 否 保存 库 


(4) 单 击 "是 ?按钮 , 即 保存 了 库 项 目 。 


2. 插入 库 项 目 
当 向 页 面 添加 库 项 目 时 ,将 把 实际 内 容 及 对 该 库 项 目的 引用 一 起 插入 到 文档 中 。 
插入 库 项 目的 过 程 如 下 : 


(1) 将 光标 置 于 文档 窗口 中 。 

(2) 在 库 的 “资源 ”面板 中 将 一 个 库 项 目 从 “资源 ”面板 拖 忠 到 “文档 ”窗口 中 ,或 选择 一 
个 库 项 目 , 单 击 面板 底部 的 “插入 ”按钮 , 即 可 把 一 个 库 项 目 插入 到 文档 中 。 

插入 库 项 目 后 .在 “文档 ”窗口 的 下 方 出 现 “ 库 项 目 ” 属 性 面板 ,如 图 8-97 所 示 。 


er Sre /ibey/l li LF 全 文件 中 分 高 | 美 四 无 [el @ 
EP 加 


图 8-97 “ 库 项 目 ” 属 性 面板 
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6.5 综合 实例 


在 前 面 章 节 中 ,主要 介绍 了 Dreamweaver CS5 的 基本 知识 、 基 本 操作 方法 和 一 些 高 级 


应 用 。 在 这 一 节 中 将 以 “古诗 文 欣赏 ”网 站 为 例 介绍 利用 Dreamweaver CS5 制作 网 页 的 具 
体 方法 。 


主要 操作 步骤 如 下 
1. 创建 站 点 


选择 “站 点 ”>“ 新 建站 点 ”命令 ,或 选择 “站 点 ”>“ 管 理 站 点 ”命令 ,在 “管理 站 点 ”对 话 框 
中 单 击 * 新 建 ?按钮 ,打开 * 站 点 设置 对 象 "对 话 框 , 输 入 站 点 名 称 gswxs 及 本 地 站 点 文件 夹 
路 径 J:\gswxs\, 如 图 8-98 所 示 。 


站 点 设置 对 铺 gswzs 


图 8-98 “站 点 设置 对 象 ” 对 话 框 
2. 新 建文 件 夹 


新 建 Images 图 像 文 件 夹 , 用 于 存放 图 像素 材 。 
3. 创建 模板 


1) 基本 页 面 设计 

(1) 在 站 点 中 新 建 页 面 ,选择 “修改 ”一 “页 面 属性 "命令 ,打开 “页 面 属性 ”对 话 框 , 设 午 
页 面 标题 为 “古诗 文 欣 赏 ”, 背 景 颜色 为 并 CCF ,文本 颜色 为 半 0OF ,如 图 8-99 所 示 。 

(2) 单 击 “确定 ”按钮 ,确认 页 面 设 置 。 

(3) 选择 “文件 ”>“ 另 存 为 模板 "命令 ,打开 “另存 模板 ”对 话 框 ,文件 名 为 page. dwt, 文 
件 名 的 扩展 名 由 系统 自动 添加 ,如 图 8-100 所 示 。 

单 击 “ 保 存 ” 按 钮 ,系统 将 模板 保存 到 站 点 根 目录 下 的 Templates 文件 夹 中 。 
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图 8-99 “页 面 属 性 ”对 话 框 


站 点 : | gswxs 


现存 的 模板 : [没有 神 极 ) | 


描 流 : | 
另 为 :mee | 


图 8-100 “另存 模板 "对话 框 


(4) 将 光标 定位 在 页 面 中 ,设置 模板 “属性 ”, 将 “对 齐 方式 ”设置 为 “居中 对 齐 ”。 

(5) 插入 表格 T1: 制作 网 站 标志 。 

QO 选择 “插入 ”一 “表格 "命令 .打开 “表格 ”对 话 框 ,设置 1 行 .2 列 ,宽度 为 900 像素 , 边 
框 粗细 为 1, 单 元 格 边 距 为 0, 单 元 格 间距 为 5。“ 表 格 T1” 的 属性 面板 如 图 8-101 所 示 。 


属性 
图 束 格 夺 名 | 宽 如 jeo0 来 谷 [zj 填充 名 jo ”| 对 齐 的 | 趴 人 ”| 类 加 | 无 @ 
= 了 列 加 PE 间距 GJjs 。] 这 性 @| 

CE 1oe 

下 


图 8-101 “表格 T1” 的 属性 面板 


@ 设置 第 一 个 单元 格 宽 为 115 像素 , “垂直 ”对 齐 方式 为 “居中 ”对 齐 , 背景 颜 色 为 
并 CCCC66, 插 入 图 片 Images\gsw. gif。 

@ 设置 第 二 个 单元 格 “ 垂 直 ? 对 齐 方式 为 “顶端 ?对 齐 ,背景 颜色 为 #CCCC66 ,插入 图 片 
Images\gswxs. gif ,如 图 8-102 所 示 。 


图 8-102 设置 “表格 T1” 


(6) 插入 表格 T2: 制作 导航 栏 。 

另 起 一 行 ,插入 1 行 、1 列 的 表格 , 宽 为 900 像素 ,边框 粗细 为 1, 单 元 格 边 距 为 0, 单 元 
格 间距 为 5, 设 置 单元 格 背景 颜色 为 # deceff 。 

在 单元 格 中 设置 对 齐 方式 为 “居中 对 齐 ”, 输 入 “古诗 文 ” 标 题 ,中 间 用 竖 线 间隔 ,将 文本 
设置 为 宋体 、14 像素 。 由 于 面板 中 的 古诗 文 内 容 尚 未 确定 , 暂 用 “添加 古诗 文 标题 "替代 ,等 
后 面 再 作 修 改 , 如 图 8-103 所 示 。 


图 8-103 ”添加 古诗 文 标题 


(7) 插入 表格 T3: 制作 间隔 行 。 

另 起 一 行 ,插入 1 行 、1 列 的 表格 , 宽 为 900 像素 ,边框 粗细 为 0, 单 元 格 边 距 为 0, 单 元 
格 间距 为 0。 

(8) 插入 表格 T4: 制作 古诗 文 内 容 。 

另 起 一 行 ,插入 3 行 、1 列 的 表格 , 宽 为 900 像素 ,边框 粗细 为 1 ,单元 格 边 距 为 0, 单 元 
格 间距 为 5, 设 置 单 元 格 背景 颜色 为 # deceff。 

将 T4 表格 的 第 1 行 拆 分 成 3 列 , 第 1 列 和 第 3 列 宽度 分 别 设置 为 150 像素 和 180 像 
素 。 选 中 这 三 个 单元 格 ,设置 对 齐 方式 为 “居中 对 齐 ”, 在 第 1 个 单元 格 中 输入 “古诗 文 题 
目 ”, 在 第 3 个 单元 格 中 输入 * 诗 人: ”, 将 文本 设置 为 宋体 、12 像素 。 

设置 T4 表格 的 第 2 行 “垂直 "对齐 方 式 为 “顶端 ?对 齐 。 

T4 表格 的 第 3 行 用 于 设置 “重复 区 域 " 显 示 图 片 , 稍 后 进行 设置 。 

(9) 插入 表格 T5: 制作 间隔 行 。 

另 起 一 行 ,插入 1 行 、1 列 的 表格 , 宽 为 900 像素 ,边框 粗细 为 0, 单 元 格 边 距 为 0, 单 元 
格 间距 为 0。 

(10) 插入 表格 T6: 制作 版 权 信息 。 

另 起 一 行 ,插入 1 行 、1 列 的 表格 , 宽 为 900 像素 ,边框 粗细 为 1 ,单元 格 边 距 为 0, 单 元 
格 间距 为 1 ,设置 单元 格 背景 颜色 为 # deceff。 

在 单元 格 中 输入 版 权 信息 ,将 文本 设置 为 宋体 12 像素 ,如 图 8-104 所 示 。 


图 8-104 版权 信息 


2) 面板 区 域 设 计 

(1) 创建 可 编辑 区 域 。 

@ 将 光标 置 于 T4 表格 的 第 1 行 第 2 个 单元 格 中 ,选择 “插入 ”一 “面板 对 象 >“ 可 编辑 
区 域 ” 命 令 , 打 开 “ 新 建 可 编辑 区 域 ” 对 话 框 ,输入 名 称 为 title, 如 图 8-105 所 示 。 


新 建 可 编辑 区 域 


8-105 “新 建 可 编辑 区 域 " 对 话 框 
@ 同 理 ,创建 可 编辑 区 域 author 和 content, 如 图 8-106 所 示 。 


图 8-106 创建 好 的 可 编辑 区 域 


(2) 创建 重复 区 域 。 

QO@ 插入 表格 T7: 用 于 设置 重复 区 域 。 

将 光标 置 于 T4 表格 的 第 3 行 单元 格 中 ,插入 1 行 、8 列 的 表格 , 宽 为 98% ,边框 粗细 为 
0, 单 元 格 边 距 为 0, 单 元 格 间 距 为 0。 


8-107 设置 表格 T7 的 内 容 


@ 选中 表格 T7 ,选择 "插入 ”面板 对 象 "~* 重 复 区 域 " 命 令 , 打 开 * 新 建 重复 区 域 " 对 
话 框 ,输入 名 称 为 tupian, 如 图 8-108 所 示 。 


新 建 重 复 区 域 


图 8-108 “新 建 重复 区 域 " 对 话 框 


@ 分 别 选 中 表格 T7 各 单元 格 中 的 表格 ,将 它们 设置 为 “可 编辑 区 域 ”, 名 称 分 别 为 
tupianl ,tupian2 ,tupian3 \tupian4 ,tupian5 ,tupian6 ,tupian7 和 tupian8, 如 图 8-109 所 示 。 


图 8-109 ”创建 “重复 区 域 " 和 “可 编辑 区 域 ” 
3) 选择 “文件 >“ 保存” 命令 ,保存 模板 文件 
4. 利用 模板 创建 网 页 


1) 创建 页 面 

新 建 页 面 ,打开 “资源 ”面板 , 单 击 左 侧 的 “模板 ”按钮 ,选中 模板 page. dwt, 将 其 拖 入 页 
面 编 辑 窗 口 , 此 时 页 面 周围 是 黄色 的 边框 , 除 可 编辑 区 域外 ,其 他 区 域 不 能 进行 任何 编辑 
操作 。 

2) 添加 元 素 

(1) 在 可 编辑 区 域 中 添加 元 素 。 

将 光标 定位 在 名 称 为 title 的 可 编辑 区 域 中 ,输入 文本 * 暮 江 吟 ”>; 将 光标 定位 在 名 称 为 
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author 的 可 编辑 区 域 中 ,输入 文本 “白居易 ” 将 光标 定位 在 名 称 为 content 的 可 编辑 区 域 
中 ,输入 下 列 文本 : 


暮 江 吟 
白居易 
一 道 残阳 铺 水 中 ， 
半 江 瑟瑟 半 江 红 。 
可 怜 九 月 初 三 夜 ， 
句 似 珍珠 月 似 马 。 
将 该 网 页 保存 为 index. html, 如 图 8-110 所 示 。 


图 8-110 在 “可 编辑 区 域 " 添 加 元 素 


(2) 在 重复 区 域 中 添加 元 素 。 
单 击 * 重 复 : tupian?” 处 的 “十 ”按钮 ,增加 一 个 表格 ,由 于 该 表格 同时 定义 了 可 编辑 性 , 因 
此 可 以 修改 其 内 容 ,修改 后 的 结果 如 图 8-111 所 示 。 


图 8-111 在 “重复 区 域 " 添 加 元 素 
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保存 index. html 网 页 文档 。 

(3) 同 理 , 设 计 制 作 pl. html、p2. html、p3. html、p4. html 和 p5. html 页 面 ,古诗 文 题目 
分 别 为 “ 独 坐 敬 亭 山 ?“ 江 畔 独步 寻 花 "“ 回 乡 偶 书 "“ 梅 花 " 和 ”人 竹枝词", 诗 人 分 别 为 “ 李 
白 ”“ 杜 甫 >"“ 贺 知 章 ”“ 王 安 石 ?和 * 刘 融 锡 ”。 


5. 编辑 修改 模板 及 更 新 


在 模板 page. dwt 中 ,表格 T2 中 的 导航 栏 还 没有 输入 古诗 文 的 标题 及 设置 链接 。 下 面 
讲解 模板 的 编辑 修改 及 更 新 方法 。 

(1) 在 “资源 ”面板 中 选中 page. dwt 模板 ,双击 打开 模板 的 编辑 状态 。 

(2) 将 导航 栏 中 的 “添加 古诗 文 标题 "替换 成 各 古诗 文 的 标题 ,分 别 为 “ 暮 江 吟 ”"“ 独 坐 
敬 亭 山 "“ 江 畔 独步 寻 花 "“ 回 乡 偶 书 "“ 梅 花 " 和 ”* 人 竹枝词 ,并 分 别 创建 超 链接 至 网 页 文档 
index. html、pl1. html、p2. html、p3. html、p4. html 和 p5. html, 如 图 8-112 所 示 。 


8-112 ”编辑 修改 模板 


(3) 保存 该 模板 文件 ,打开 “更 新 模板 文件 ”对 话 框 ,询问 “要 基于 此 模板 更 新 所 有 文件 
吗 ?”, 如 图 8-113 所 示 。 


更 新 神 板 文件 


图 8-113 “更 新 模板 文件 ”对 话 框 
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(4) 单 击 “ 更 新 ”按钮 , 则 Dreamweaver CS5 自动 更 新 所 有 用 到 该 模板 的 网 页 文件 。 
(5) 更 新 完成 后 ,弹出 “更 新 页 面 " 对 话 框 ,显示 更 新 页 面 情况 ,如 图 8-114 所 示 。 


查看 中 : [\unoas\wnor\ [2] [Een | 


更 新 : 器 库 项 目 
回 模 板 民 ) 


index. html 


图 8-114 “更 新 页 面 "对 话 框 


6. 上 传 站 点 或 直接 浏览 网 页 


“古诗 文 欣赏 ”网 站 设计 完成 后 ,可 以 利用 Dreamweaver CS5 或 其 他 FTP 上 传 工具 上 
传 至 相应 的 服务 器 ,或 者 直接 打开 站 点 文件 夹 ,浏览 网 页 。 


动态 网 站 开发 | 


本 章 内 容 主要 以 Adobe Dreamweaver CS5 为 网 站 设计 平台 ,通过 建立 ASP 运行 环境 
与 数据 库 建立 连接 ,逐步 介绍 动态 网 页 制作 的 基本 技能 和 Adobe Dreamweaver CS5 的 应 用 
技巧 ,并 结合 设计 实例 介绍 ASP 动态 网 站 的 设计 过 程 。 


@.1 动态 网 站 概述 


动态 网 站 并 不 是 指 具 有 动画 功能 的 网 站 ,而 是 指 网 站 内 容 可 根据 不 同情 况 动 态 变 更 的 
网 站 ,一般 情况 下 动态 网 站 通过 数据 库 进 行 架构 。 动 态 网 站 除了 要 设计 网 页 外 ,还 要 通过 数 
据 库 和 编写 程序 来 使 网 站 具有 更 多 自动 的 和 高 级 的 功能 。 动 态 网 站 体现 在 网 页 文件 一 般 是 
以 aspvjsp、php 和 aspx 等 为 后 级 ,而 静态 网 页 文件 一 般 是 以 html 为 后 缀 ,动态 网 站 服务 器 
空间 配置 要 比 静 态 的 网 页 要 求 高 ,费用 也 相对 较 高 ,不 过 动态 网 页 有 利于 网 站 内 容 的 更 新 ， 
适合 企业 建站 。 动 态 网 站 的 工作 原理 如 图 9-1 所 示 。 


三 应 用 服务 器 
客户 1 -| 客户 认证 
权限 管理 
\ 一 系统 日 志 
/NN 系统 控制 
| 任务 管理 
客户 2 三 | 与 其 他 网 络 数据 交换 
业务 逻辑 部 件 
TN 
客户 3 9 A 


9-1 动态 网 站 的 工作 原理 图 


1. 动态 网 站 的 功能 特点 


(1) 动态 网 站 可 以 实现 交互 功能 ,如 用 户 注册 、 信 息 发 布 . 产 品 展示 和 订单 管理 等 。 
(2) 动态 网 页 并 不 是 独立 存在 于 服务 器 的 网 页 文件 ,而 是 浏览 器 发 出 请 求 时 才 反馈 的 
网 页 。 
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(3) 动态 网 页 中 包含 有 服务 器 端 脚本 .所 以 页 面 文件 名 常 以 asp、jsp、Php 和 aspx 等 为 
后 级 。 但 也 可 以 使 用 URL 静态 化 技术 ,使 网 页 后 级 显示 为 html。 所 以 不 能 以 页 面 文件 的 
后 缀 作为 判断 网 站 是 动态 还 是 静态 的 唯一 标准 。 

(4) 动态 网 页 由 于 需要 数据 库 处 理 , 因 此 动态 网 站 的 访问 速度 大 大 减 慢 。 

(5) 动态 网 页 由 于 存在 特殊 代码 ,因此 相 比 较 静 态 网 页 而 言 ,其 对 搜索 引擎 的 友好 程度 
相对 要 弱 一 些 。 

但 随 着 计算 机 人 性 能 的 提升 及 网 络 带宽 的 提升 ,最 后 两 条 已 经 基本 得 到 解决 。 


2. 动态 网 站 的 开发 语言 


目前 ,用 于 动态 网 站 开发 的 语言 主要 有 4 种 : ASP、ASP. NET、PHP 和 JSP 等 。 

(1) ASP(Active Server Pages, 活 跃 服务 器 页 ) 是 微软 开发 的 一 种 类 似 超 文本 标记 语言 
(HTML) 、 脚 本 (Script) 与 CGI( 公 用 网 关 接 口 ) 的 结合 体 , 它 没有 提供 自己 专门 的 编程 语 
言 ,而 是 允许 用 户 使 用 许多 已 有 的 脚本 语言 编写 ASP 的 应 用 程序 。ASP 的 程序 编制 比 
HTML 更 方便 且 更 有 灵活 性 , 它 是 在 Web 服务 器 端 运行 ,运行 后 再 将 运行 结果 以 HTML 
格式 传送 至 客户 端的 浏览 器 。 因 此 ASP 与 一 般 的 脚本 语言 相 比 ,要 安全 得 多 。 

ASP 的 最 大 好 处 是 可 以 包含 HTML 标签 ,也 可 以 直接 存 取 数 据 库 及 使 用 无 限 扩充 的 
ActiveX 控件 ,因此 在 程序 编制 上 要 比 HTML 方便 ,而 且 更 富有 灵活 性 。 通 过 使 用 ASP 的 
组 件 和 对 象 技 术 , 用 户 可 以 直接 使 用 ActiveX 控件 ,调用 对 象 方法 和 属性 ,以 简单 的 方式 实 
现 强大 的 交互 功能 。 

但 ASP 技术 也 非 完美 无 缺 , 由 于 它 基 本 上 是 局 限于 微软 的 操作 系统 平台 之 上 ,主要 工 
作 环 境 是 微软 的 IIS 应 用 程序 结构 ,又 因 ActiveX 对 象 具有 平台 特性 ,所 以 ASP 技术 不 能 
很 容易 地 实现 在 跨 平 台 Web 服务 器 上 工作 。 

(2) ASP.NET 的 前 身 是 ASP 技术 ,是 在 IIS 2.0(Windows NT 3.51) 与 ADO 1.0 一 
起 推出 ,在 IIS 3.0 (Windows NT 4.0) 发 扬 光大 ,成 为 服务 器 端 应 用 程序 的 热门 开发 工具 ， 
微软 还 特别 为 它 量 身 打造 了 Visual Inter Dev 开发 工具 ,在 1994 一 2000 年 之 间 ,ASP 技术 
已 经 成 为 微软 推展 Windows NT 4.0 平台 的 关键 技术 之 一 , 数 以 万 计 的 ASP 网 站 也 是 在 这 
个 时 候 开始 如 雨后春笋 般 出 现在 网 络 上 。 它 的 简单 及 高 度 可 定制 化 的 能 力也 是 它 能 迅速 崛 
起 的 原因 之 一 。 不 过 ASP 的 缺点 也 逐渐 的 浮现 出 来 : 面向 过 程 型 的 程序 开发 方法 让 维护 
的 难度 提高 很 多 ,尤其 是 大 型 的 ASP 应 用 程序 。 解 释 型 的 VBScript 或 JScript 语言 让 性 能 
无 法 完全 发 挥 。 扩 展 性 由 于 其 基础 架构 的 不 足 而 受 限 ,虽然 有 COM 元 件 可 用 ,但 开发 一 些 
特殊 功能 时 ,没有 来 自 内 置 的 支持 ,需要 寻求 第 三 方 控件 商 的 控件 。 

(3) PHP(Hypertext Preprocessor) 是 当今 Internet 上 最 为 火热 的 脚本 语言 ,其 语法 借 
鉴 了 C.Java 和 PERL 等 语言 ,但 只 需要 很 少 的 编程 知识 就 能 使 用 PHP 建立 一 个 真正 交互 
的 Web 站 点 。 

它 与 HTML 语言 具有 非常 好 的 兼容 性 ,使 用 者 可 以 直接 在 脚本 代码 中 加 入 HTML 标 
签 ,或 者 在 HTML 标签 中 加 入 脚本 代码 ,从 而 更 好 地 实现 页 面 控制 。PHP 提供 了 标准 的 数 
据 库 接口 ,数据库 连接 方便 ,兼容 性 强 , 扩 展 性 强 ,可 以 进行 面向 对 象 编程 。 

(4) JSP(Java Server Pages) 是 由 Sun Microsystem 公司 于 1999 年 6 月 推出 的 新 技术 ， 
是 基于 Java Servlet 及 整个 Java 体系 的 Web 开发 技术 。 
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JSP 和 ASP 在 技术 方面 有 许多 相似 之 处 ,不 过 两 者 来 源 于 不 同 的 技术 规范 组 织 ,以 至 
ASP 一 般 只 应 用 于 Windows NT/2000 平 台 ,而 JSP 则 可 以 在 85% 以 上 的 服务 器 上 运行 ， 
而 且 基于 JSP 技术 的 应 用 程序 比 基 于 ASP 的 应 用 程序 易于 维护 和 管理 ,所 以 被 许多 人 认为 
是 未 来 最 有 发 展 前 途 的 动态 网 站 技术 。 


6.2 设置 动态 网 站 开发 及 运行 环境 


1. 安装 并 配置 ASP 环境 IIS 


ASP 页 面 的 运行 需要 计算 机 安装 有 服务 器 组 件 IIS (Internet 信息 服务 )。IIS 是 
Windows 的 一 个 组 件 ,一般 需 单 独 安装 ,因此 ,如 果 计算 机 中 尚未 安装 IIS, 可 打开 控制 面 
板 ,启动 添加 或 删除 程序 ”服务 来 安装 IIS。 当 安装 完成 后 ,在 控制 面板 中 启动 “管理 工具 ” 
中 的 “计算 机 管理 ”服务 后 可 以 看 到 *Internet 信息 服务 ”, 然 后 在 “默认 网 站 ”上 右 击 鼠标 添 
加 虚拟 目录 ,如 图 9-2 所 示 。 


资源 管理 器 四 
打开 (O) 
训 览 四 


忆 计算 机 管理 本 地] 


路 径 状态 
4 雇 未 统 I 具 启动 3 c\windows\help\iishelp 系统 找 不 到 指定 的 文件 。 
》 图 事件 查看 中 停止) Cwindows\web\printers 
六 岗 共享 文件 六 暂停) Di\college 


b 髓 性能 日 韦 新 建 (y) 局 

局 设备 管理 所 有 任务 () 上 

1 鲜 存 人 查看 » 
从 这 里 创建 窗口 QW) 


9-2 ”计算 机 管理 中 的 “Internet 信息 服务 ” 


注意 : 

(1) 创建 虚拟 目录 主要 适用 于 当前 计算 机 中 的 JIS 为 多 个 网 站 提供 服务 的 情况 ,此 时 每 
个 网 站 对 应 于 一 个 虚拟 目录 ,在 浏览 器 中 浏览 网 站 主页 时 使 用 “http:// 域 名 ”或 “IP 地 址 / 
虚拟 目录 名 /index. html”, 而 在 本 机 测试 时 使 用 “http://localhost/ 虚 拟 目 录 名 /index. 
html”, 此 处 域名 或 IP 地 址 、 虚 拟 目 录 名 要 用 真实 的 名 称 代替 。 

(2) 如 果 IIS 只 为 一 个 网 站 提供 服务 (例如 单位 自己 购买 的 专门 用 于 存放 本 单位 网 站 的 
服务 器 ) ,也 可 不 创建 虚拟 目录 ,而 是 在 “默认 网 站 ”上 右 击 鼠 标 , 从 弹出 的 快捷 菜单 中 选择 
“属性 ”命令 ,并 设置 主 目录 标签 上 的 “本 地 路 径 ” 指 向 站 点 文件 夹 , 如 图 9-3 所 示 。 
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虚拟 目录 [文档 [目录 安全 性 | MTTP 头 | 自 定义 错误 [ASP. ET | 
连接 到 法 源 时 的 内 容 来 源 : 
回 此 计算 机 上 的 目录 中) 
日 另 一 各 计算 机 上 的 共享 @) 
全 重 定向 开 | URLQW) 


本 地 路 径 C) Di\college | 

国脚 本 资源 访问 CD) 国 记 录 访 问 四 

国 读 职 @) 国 索 引资 源 四 ) 
写 入 四 

[EE 

应 用 程序 设置 

应 用 程序 名 @ calleee 

开始 位 置 人 Micollese at 

执行 权限 @) [脚本 和 可 执行 文件 

应 用 程序 保护 田 : [中 殿 用 ) 国 | 


CL 现 ] (Bw ] 


9-3 配置 默认 网 站 的 主 目录 标签 属性 


此 时 在 浏览 器 中 浏览 网 站 主页 时 的 URL 为 *http:// 域 名 ”或 “IP 地 址 /index. html”, 而 
在 本 机 测试 时 为 http://localhost/index. html。 
(3) 如 果 在 “文档 ”标签 上 添加 了 默认 文档 index. html, 如 图 9-4 所 示 , 则 在 浏览 网 页 时 


可 以 省 略 index. html。 
2. 配置 测试 服务 器 信息 


(1) 在 Adobe Dreamweaver CS5 中 选择 “站 点 ”管理 站 点 ”命令 ,打开 “管理 站 点 ”对 
话 框 ,如 图 9-5 所 示 。 


HTTP 头 I 
网 站 | ISAPT 第 选 跨 


辆 启用 默认 文档 上) 


国医 本 


866 htnl 
国 Default. htm 
Default, asp 


加 启用 文档 页 肢 @) 


图 9-4 配置 默认 网 站 的 文档 标签 属性 图 9-5 “管理 站 点 "对话 框 


图 9-6 “站 点 设置 对 象 " 对 话 框 


(2) 单 击 “ 服 务 器 "标签 ,然后 单 击 " 添 加 新 服务 器 "按钮 ,选择 “基本 ”标签 并 对 其 进行 配 
置 ,如 图 9-7 所 示 。 


图 9-7 测试 服务 器 的 “基本 ”标签 配置 信息 


其 中 : 


连接 方法 : 此 处 选择 “本 地 /网 络 ”, 表 示 在 本 机 进行 网 站 测试 。 

服务 器 文件 夹 : 域 中 设置 ASP 页 面 所 在 的 文件 夹 ,此 处 设置 成 站 点 文件 夹 d:\ 
college\member, 表 示 ASP 页 面 在 站 点 文件 夹 d:\college\member 中 。 

Web URL: 域 中 填写 测试 ASP 页 面 时 所 用 的 网 址 ,此 处 设置 成 http://localhost/ 
college/member/ ,其 中 college/member/ 是 IIS 中 设置 的 虚拟 目录 名 ,或 写成 
http://127. 0. 0. 1/ college/member/。Web URL 域 中 填写 的 内 容 应 该 与 IIS 中 的 
配置 相 吻合 , 即 如 果 IIS 中 未 设置 虚拟 目录 , 则 此 处 应 该 写成 http://localhost/ 或 
http://127.0. 0. 1/; 如 果 设 置 的 虚拟 目录 名 为 abc, 则 此 处 应 该 写成 http:// 
localhost/abc/ 或 http://127. 0.0. 1/abc/ 。 


216。” 网 站 建设 与 网 页 设计 制作 
Nt 


(3) 单 击 "高 级 ”标签 并 对 其 进行 配置 ,如 图 9-8 所 示 。 


一 


远程 服务 器 


可 维护 同步 信息 
口 保存 时 自动 将 文件 上 传 到 服务 器 
口 自用 文件 取出 功能 
区 打开 文件 之 前 取出 
职称 [| 
电 了 邮 科 地址 | 


训 试 服务 器 
服务器 机:[AEEVES5BE | 
[一 [名] 观 ] 


图 9-8 ”测试 服务 器 的 “高 级 ”标签 配置 信息 


(4) 单 击 “ 保 存 ” 按 钮 后 返回 编辑 界面 。 打 开 网 站 主页 , 按 F12 键 预览 当前 网 页 ,可 以 看 
到 浏览 器 中 URL 为 http://localhost/college/member/index. html。 


@.3 创建 Access 数据 库 


通常 ASP 页 面 所 用 的 数据 库 采用 Access、SQL Server 或 Oracle 等 。Access 不 适合 
作 大 型 数据 库 使 用 ,但 可 用 在 中 小 型 网 站 建设 中 。 而 对 安全 性 要 求 高 或 数据 量 大 的 网 站 应 
使 用 大 型 数据 库 SQL Server 和 Oracle 等 。 

现 使 用 Access 创建 数据 库 twh. mdb 存放 到 子 文件 夹 data 中 ,并 在 该 数据 库 中 建立 一 
张 表 user, 用 来 反映 注册 用 户 详细 信息 清单 ,字段 包括 ID( 序 号 ) .name( 用 户 姓 名 ) .pass( 密 
码 ) sex( 性 别 ) ,age( 年 龄 ) .address( 地 址 ) ,phone( 电 话 ) 和 regdate( 注 册 日 期 ) 等 ,数据 类 型 
可 根据 实际 情况 设置 ,如 图 9-9 所 示 。 


| 文本 电话 
regdate | 日 期/ 时 间 注册 日 其 


图 9-9 User 表 结 构 
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注意 : 
在 Access 中 字段 名 不 能 用 保留 字 命名 ,如 date。 虽 然 在 Access 中 看 不 出 问题 ,但 在 脚 
本 运行 时 就 可 能 会 出 现 问题 (如 更 新 记录 、 插 入 记录 等 ) 。 


@.4 通过 ODBC 建立 数据 库 连接 


ODBC(Open Database Connectivity, 开放 式 数 据 库 连接 标准 ) 是 微软 公司 为 其 
Windows 操作 系统 推出 的 一 套 访问 各 种 数据 库 的 统一 接口 技术 。ODBC 类 似 一 种 软件 驱 
动 程序 ,提供 了 应 用 软件 与 数据 库 之 间 的 访问 标准 ,应 用 程序 可 通过 它 访问 数据 库 。 

通过 ODBC 建立 数据 库 连 接 的 步骤 如 下 : 

(1) 在 控制 面板 的 管理 工具 中 打开 “ODBC 数据 源 管理 器 "对话 框 ,选择 “系统 DSN” 

项 卡 , 单 击 “ 添 加 ”按钮 ,在 “创建 新 数据 源 ” 对 话 框 中 选择 Microsoft Access Driver( *. mdb)， 
如 图 9-10 所 示 ,然后 单 击 “ 完 成 "按钮 。 


用 户 DSN 系统 DSN | 文件 DSN | 驱动 程序 | 跟踪 “| 连接 池 | 关于 | 
系统 数据 源 8) : 


选择 您 想 为 其 安装 数据 源 的 驱动 程序 E)。 


Driver da Microsoft para arquivos texto (*.[ 
Driver do Microsoft Access (#.mdb) 

Driver do Microsoft dBase (#. dbf) 

Driver do Microsoft Excel (#.xl1s) 

Driver do Microsoft Paradox 人 fy. db ) 

Driver para o Microsoft Yisual FoxPro 
Microsoft Access Driver (#.mdb) 

Microsoft Access-Treiber (*.mdb) 

Microsoft dBase Driver (+. dbf) 

Microsoft dBase VEP Driver 人 dbf) 


em 


图 9-10 数据 源 驱 动 程序 的 安装 


(2) 在 打开 的 “ODBC Microsoft Access 安装 ”对 话 框 中 输入 相应 信息 ,如 图 9-11 所 示 。 
其 中 “数据 源 名 ”用 于 在 ODBC 中 标识 连接 的 数据 库 对 象 ,“ 说 明 ” 用 于 表明 该 数据 库 的 
用 途 。 

(3) 单 击 “选择 ?按钮 ,打开 “选择 数据 库 对 话 框 ,如 图 9-12 所 示 。 

在 目录 域 中 选择 路 径 d:\college\member\data\ ,并 在 其 中 选择 数据 库 twh. mdb ,完成 
后 单 击 “确定 ”按钮 。 之 后 在 “ODBC 数据 源 管理 器 ”对 话 框 的 “系统 DSN” 选 项 卡 中 可 以 看 
到 建立 好 的 名 为 college 的 数据 库 连 接 , 如 图 9-13 所 示 。 
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eolleee 


所 津 . | 修复 四 .| 于 第 wp | 


系统 类 据 库 中) 


数据 库 名 (A) 目录 四 ) 
EC di\college\nenber\dats 


文件 类 型 了 [); 
Access 数据 库 人.mc 卫 


用 户 DSN 系统 DSN | 文件 DSN | 红 动 程序 | 跟踪 “| 连接 池 | 关于 | 
系统 数据 源 GE) 


Microsoft Access Driver (tmdb) 


鱼 a 不 


CE |]_ 了 少 应 用 凶 才 助 


图 9-13 建立 好 的 系统 数据 源 


(4) 打开 网 站 中 将 要 连接 数据 库 的 动态 页 ,再 打开 “数据 库 ” 功 能 面板 , 单 击 +, 按钮 创 
建 ADO 连接 ,可 使 用 自 定义 连接 字符 串 或 数据 源 名 称 (DSN) 方 法 之 一 。 现 使 用 自 定义 连 
接 字 符 串 “Driver 二 {Microsoft Access Driver ( * .mdb));dbg 一 d:\ 站 点 文件 夹 data\twh. 
mdb”, 其 中 的 “站 点 文件 夹 ” 要 用 实际 的 站 点 文件 夹 名 替换 。 自 定义 连接 字符 串 创建 ADO 
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连接 对 话 框 如 图 9-14 所 示 。 


连接 名 称 : |corm 


连接 字符 审 ; |Driver= {Microsoft Access Driver (*#.mdb)} :是 


Jreamweaver 应 连接 : 使 用 测试 服务 器 上 的 驱动 程序 
图 使 用 此 计算 机 上 的 驱动 程序 


图 9-14 自 定义 连接 字符 串 创 建 ADO 连接 对 话 框 
单 击 “ 测 试 "按钮 ,测试 连接 是 否 成 功 。 


注意 : 

GD ASP 对 数据 库 的 访问 是 通过 ActiveX 组 件 ADO(ActiveX Data Object) 进 行 的 。 
ADO 是 一 组 优化 的 访问 数据 库 的 专用 对 象 集 , 它 为 ASP 提供 了 完整 的 站 点 数据 库 访 问 解 
决 方案 。ADO 的 特点 是 执行 速度 快 、 使 用 简单 , 低 内 存 消 耗 且 占用 硬盘 空间 小 。 而 ADO 
是 建立 在 微软 新 的 数据 库 OLE DB 之 上 的 ,目前 OLE DB 可 与 ODBC 引擎 进行 通信 ,而 
ODBC 引擎 ( 即 驱 动 程序 ) 负 责 同 现存 的 数据 库 通信 ,因此 通过 ASP 访问 数据 库 可 通过 配置 
ODBC 后 间接 与 数据 库 通信 (当然 也 可 创建 直接 的 OLE DB 与 数据 库 直接 通信 ,不 过 需 自 
行 编写 连接 字符 串 )。ODBC 其 实 是 一 种 接口 ,支持 ODBC 数据 库 的 有 Access、 SQL 
Server、Oracle 和 Informix 等 ,因此 配置 ODBC 就 是 添加 相应 数据 库 所 用 的 驱动 程序 。 

@ 与 创建 ADO 连接 的 两 种 方法 相对 应 ,添加 数据 库 所 用 的 驱动 程序 的 方法 也 有 两 种 ， 
即 自 定义 连接 字符 串 和 创建 系统 DSN( 数 据 源 名 )。 

使 用 数据 源 名 称 (DSN) 创 建 ADO 连接 如 图 9-15 所 示 。 


连接 名 称 ; com 
数据 源 名 称 0SID : | college 
用 户 名 : 
密码 : 


Jreanweaver 应 连接 : 加 使 用 测试 服务 器 上 的 DSN 
图 使 用 本 地 DSN 


图 9-15 ”使 用 数据 源 名 称 (DSN) 创 建 ADO 连接 对 话 框 


@ 在 创建 ADO 连接 对 话 框 中 ,在 “连接 名 称 ” 文 本 框 中 自行 输入 名 称 即 可 。 单 击 “高 
级 ”按钮 后 可 打开 另 一 对 话 框 ,只 需 将 相应 的 资料 架构 ( 即 所 有 者 ) 或 目录 ( 即 数 据 库 名 ) 给 
入 ,不 过 不 适用 于 Access 数据 库 , 而 适用 于 SQL Server、Oracle 等 数据 库 。 设 置 完毕 后 可 
单 击 “测试 ”按钮 测试 连接 是 否 成 功 。 用 户 名 和 密码 域 中 输入 与 Access 数据 库 中 相同 的 账 
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号 和 密码 ,如 果 没 有 则 不 填 。 测 试 成 功 后 单 击 “ 确 定 ” 按 钮 。 

@ 创建 了 ADO 连接 后 便 在 Dreamweaver CS5 系统 中 记录 了 一 个 连接 项 ,保存 在 自动 
创建 的 Connections 子 文件 夹 中 ,文件 名 就 是 刚刚 输入 的 连接 名 称 ( 扩 展 名 是 . asp), 如 
9-16 所 示 。 

(5) 在 Dreamweaver CS5 工作 界面 中 选择 “窗口 ”-”* 绑 定 ” 命 令 , 打 开 * 绑 定 ? 标 签 ,如 
图 9-17 所 示 。 


BB college 本 地 视图 巴 ] 

吕 G[8 人 内 名 图 | 日 
田 - 贸 atmin 
筷 hpp_Data 】 记录 集 ( 查询 ) 
aspnet_client 】 命令 ( 预存 过 程 ly 
鲍 hbs 一 一 一 一 一 一 一 
日 Comections 3 请 求 变量 
| com asp 1 阶段 变量 
田 -加 ess 应 用 程序 变量 
dts 最 一 一 一 加 和 

i 

”1 个 本 地 项 目 被 黎 中 ,总 : [ 惠 赤 | 

图 9-16 自动 生成 的 数据 库 连 接 文件 图 9-17 添加 记录 集 


(6) 单 击 添加 记录 集 ,“ 记 录 集 ”对 话 框 如 图 9-18 所 示 , 输 入 相应 信息 。 其 中 “名 称 ” 可 
自 定义 ,这 里 是 由 系统 自动 生成 的 Recordsetl1。 在 “连接 ”下 拉 列 表 中 选择 已 经 建立 好 的 
conn 数据 源 连 接 , 在 “表格 ”下 拉 列 表 中 选择 准备 读 写 该 连接 下 的 数据 库 表 userInfo。 


: IRecordset1 


图 9-18 “记录 集 ? 对 话 框 


(7) 单 击 “测试 ?按钮 ,可 预览 该 数据 库 表 中 数据 记录 ,如 图 9-19 所 示 。 
(8) 测试 成 功 后 , 单 击 “ 确 定 ” 按 钮 ,在 “ 绑 定 ”标签 中 可 以 看 到 该 记录 集 对 应 数据 库 表 所 
选择 的 字段 ,如 图 9-20 所 示 。 
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记录 nm name pass sex age address phone regdate 
1 1 adnin 123456 。 男 30 承德 市 ..， 138123... 2013-0... 
2 2 root 123456 男 24 河北 民 . .， 123456. .. 2013-0..、 


图 9-19 数据 记录 预览 


日 印 记录 集 Recordset1) 
mh 

nane 

pass 

sex 

age 
address 
phone 
regdate 
[第 一 个 记录 . 
[最 后 一 个 记 


多 
9 
要 
多 
多 
” 
多 
多 
多 
多 


图 9-20 成 功 创建 记录 集 


通过 以 上 步骤 ,针对 当前 ASP 网 页 成 功 创建 记录 集 , 为 该 网 页 下 一 步 的 数据 动态 处 理 
做 好 了 准备 。 同 时 ,在 当前 的 ASP 网 页 中 自动 创建 一 系列 ASP 代码 。 
ASP 代码 如 下 : 


< 第 
Dim Recordset1l 
Dim Recordset1_cmd 
Dim Recordset1_numRows 
Set Recordset1_cmd = Server.CreateObject ("ADODB. Command") 
Recordset1_cmd. ActiveConnection = MM_conn_STRING 
Recordset1_cmd. CommandText = "SELECT x* FROM userInfo" 
Recordset1_cmd. Prepared = true 
Set Recordset1 = Recordset1_cmd. Execute 
Recordset1_numRows = 0 

%> 


6.5 用 户 注册 网 页 的 设计 


用 户 注册 网 页 的 设计 主要 步骤 如 下 : 
(1) 在 Adobe Dreamweaver CS5 中 选择 “文件 ”>“ 新 建 "命令 ,在 “新 建文 档 ” 对 话 框 左 
侧 选 中 “空白 页 ”, 在 “页 面 类 型 "列表 框 中 选择 ASP VBScript 类 型 ,在 “布局 ”列表 框 中 选择 
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“天 无 之 ”, 如 图 9-21 所 示 。 


需 cs 
国 Javsseript 


二 ASP JavaScript 


VBScript 编写 的 Active Server Pages 
At 


而 ASPT vB 
国 Coldfusion 
cold | ” 

= | Xe 0 Tesitiond [EG] 
加 PE 布局 Css 位 置 : [ 示 加 到 广 棕 [=] 
附加 css 文件 : 


图 9-21 新 建 ASP 网 页 对 话 框 


创建 网 页 保存 到 站 点 根 文件 夹 中 ,命名 为 register. asp, 网 页 标题 为 “用 户 注册 页 ”。 
(2) 在 register. asp 页 面 添 加 表单 信息 。 选 择 “ 插 入 ”一 “表单 ”一 “表单 ”命令 ,在 插入 点 
处 插入 “表单 ”对 象 , 即 红色 虚线 区 域 ,如 图 9-22 所 示 。 


图 9-22 ”表单 对 象 


注意 : 

中 插入 表单 域 之 前 必须 先 插 入 表单 对 象 , 即 表单 域 应 该 包含 在 表单 对 象 中 。 

@ 表单 的 HTML 代码 为 二 form name 二 "forml" method 二 "post" action 二 "之 二 /form>。 

(3) 在 红色 虚线 框 中 插入 7 行 2 列 的 表格 ,并 给 表格 进行 CSS 效果 处 理 。 然 后 在 表格 
中 输入 各 种 提示 信息 及 “文本 域 "“ 单 选 按钮 "和 “按钮 "等 表单 域 对 象 ,并 使 用 属性 面板 进行 
表单 域 属性 设置 。 再 在 表格 最 后 一 行 插入 “提交 ”和 * 重 置 "按钮 ,并 搬入 一 图 像 域 也 作为 提 
交 功 能 使 用 。 为 方便 后 面 的 设置 ,再 添加 表单 时 最 好 使 各 表单 名 字 与 字段 名 保持 一 致 。 最 
终 表 单 效 果 图 如 图 9-23 所 示 。 

具体 的 表单 域 属性 设置 如 下 : 

a 文本 域 。 

“文本 域 ”属性 面板 如 图 9-24 所 示 。 

当 “ 字 符 宽度 ”大 于 “最 多 字符 数 ” 时 ,文本 域内 右边 将 有 一 定 的 空间 ,有 助 于 美观 。 

当 "* 类 型 ? 域 中 选择 * 多 行文 本 域 ?时 ,设置 “字符 宽度 ”和 * 行 数 " 即 可 。 
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文件 四 a 查看 WD 荐 入 加。 修改 加 格式 中 命令 (CD) 站 点 四) LL 帮助 (0 


[EAE 


~ |T03 x SHOv 4 Kk/ TW Wicod OF-G) 


本地 视图 人 =] 


El 
els 


图 9-23 最终 表单 效果 图 
属性 
国 文本 域 字符 宽度 中) 类 型 回 单行 @) 。 中 〇 多 行 如 Ga 美加 | 无 z] 
en 景 多 字符 数 初 怒 值 
图 9-24 “文本 域 ?属性 面板 
当 在 “类 型 ” 域 中 选择 “密码 ”时 ,用户 输 入 信息 以 密 文 显示 。 
@ 单 选 按钮 。 
“ 单 选 按钮 > 属性 面板 如 图 9-25 所 示 。 
性 
单 渤 按 乌 选 定 值 田 初始 状态 回 已 匀 选 吕 ) 类 局 无 
可 发 Cm Sd 


图 9-25 “ 单 选 按钮 "属性 面板 
同一 组 单 选 按钮 的 名 称 必 须 相同 , 且 应 赋予 同 组 的 每 个 单 选 按钮 不 同 的 值 。 


@ 按钮 。 
“按钮 "属性 面板 如 图 9-26 所 示 。 


按钮 用 来 进行 表单 提交 、 内 容 清除 或 执行 规定 的 代码 等 。 
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属性 
J 控 钮 名 称 伪 久 妥 交 动作 回 提交 表单 G) 口 无 如 类 @ 无 可 
[sub 口 重 设 表单 @B) 


图 9-26 “按钮 "属性 面板 


(4) 选中 二 form#forml 二 标签 或 红色 虚线 框 , 即 选中 “表单 "对象,“ 表 单 ” 属 性 面板 如 
图 9-27 所 示 。 


表单 I 动作 reeisterOk asp 局 目标 中 类 加 | 无 | 
orn mr a 


图 9-27 表单 属性 设置 


在 属性 面板 上 的 “动作 ” 域 中 设置 表单 处 理 程序 为 registerOk. asp, 表 单 提交 方法 为 
POST 。 

注意 : 

GD 表单 是 用 来 收集 信息 的 , 即 先 用 表单 在 浏览 器 端 收集 数据 , 当 用 户 单 击 “ 提 交 
(submit) ”按钮 后 将 数据 传送 到 服务 器 端的 表单 处 理 程序 加 以 处 理 。 可 通过 属性 面板 上 的 
“动作 (Action) " 域 来 设置 表单 处 理 程序 。 

@ 表单 处 理 程序 使 用 最 多 的 是 CGI 程序 、ASP 等 。 相 对 来 说 ,ASP 更 简单 易学 ,任何 
服务 器 都 支持 ,但 也 存在 使 用 VBScript 和 SQL 编写 程序 的 问题 ,而 Dreamweaver 很 好 地 
解决 了 手工 编写 程序 的 问题 。 

加 “方法 (Method)” 域 中 选择 输入 的 数据 传送 到 服务 器 的 方式 。 

。 GET: 将 输入 的 数据 加 在 URL 地 址 后 面 传送 到 服务 器 , 它 的 传送 效率 高 ,但 传送 信 
息 量 有 限 ,限制 在 8192 个 字符 之 内 ,并 且 必 须 是 ASCII 字符 。 另 外 ,GET 方式 以 
“ 显 式 ” 提 交 表 单 , 可 以 通过 查看 请 求 的 URL 获 查 传 参 情况 。 

POST: 浏览 器 等 候 服 务 器 来 读 取 信息 ,将 输入 的 数据 嵌入 到 信息 体 中 传送 到 服务 
器 , 它 的 传送 信息 量 大 ,传送 数据 量 没 有 什么 限制 ,可 以 是 任何 字符 。POST 方式 以 
“ 隐 式 ”提交 表单 ,不 会 在 URL 中 体现 传 参 情况 ,保密 性 高 。 

图 “目标 (Target)" 域 中 选择 表单 处 理 程序 打开 时 的 窗口 。 
加 “编码 类 型 域 中 设置 待 处 理 数 据 的 MIME 编码 类 型 : 
。 Application/x-www-form-urlencode: 通常 与 POST 


BE 


记录 集 ( 查询 ) 
命令 


方式 传送 的 数据 相关 联 。 
。 Multipart/form-data 创建 上 传 文件 的 文件 域 时 || 富生 人 
应 用 。 区 城 ， 


动态 文本 
转 到 详细 页 面 
转 到 相关 页 面 


插入 记录 


(5) 切换 到 “服务 器 行为 "标签 ,由 于 之 前 已 经 绑 定 了 记 
录 集 ,因此 该 标签 内 容 中 已 经 有 记录 集 这 一 项 。 此 时 只 需 插 
入 记录 , 单 击 “ 十 ”按钮 ,选择 “插入 记录 ”命令 ,如 图 9-28 


a 更 新 记录 
所 示 。 黄 除 记录 
(6) 在 打开 的 “插入 记录 ”对 话 框 中 进行 图 9-29 所 示 的 动态 表单 元 素 » 


设置 。 图 9-28 插入 记录 


| comn, 是 匡 & = 


: |userInfo 了 


: |registerOk. asp 
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风 
address” (文本 ) 
phone 插 人 到 列 中 "phone” (文本 ) 


列 : 
提交 为 : 


图 9-29 “插入 记录 ”对 话 框 


其 中 各 项 参数 含义 如 下 : 
。 连接 : 数据 库 连接 名 。 
。 插入 到 表格 : 数据 库 相 关 表 名 。 


。 搬 和 人 后 , 转 到 : 注册 成 功 后 跳 转 到 的 提示 页 ,此 处 为 registerOk. asp。 


。 获取 值 自 : 即 刚 选择 的 form 名 。 


。 表单 元 素 : 其 中 的 “name 插入 到 列 中 ‘name”” 意 为 将 表单 中 name 输入 框 的 内 容 插 
入 到 数据 库 表 的 name 字段 中 。 其 余 各 项 意思 类 似 。 


(7) 在 “服务 器 行为 "标签 中 单 击 “ 十 ”按钮 ,再 选 
择 “ 用 户 身 份 验证 ”一 “检查 新 用 户 名 ”命令 ,如 图 9-30 
所 示 。 
在 打开 的 “检查 新 用 户 名 ”对 话 框 中 进行 图 9-31 
所 示 的 设置 。 
对 话 框 中 各 项 参数 含义 如 下 : 
。 用 户 名 字段 : 选择 name 表示 注册 时 不 得 重 
名 ,而 选择 E-mail 则 表示 同一 个 E-mail 只 能 
注册 一 个 。 
。 如 果 已 存在 , 则 转 到 : 注册 时 ,如 果 出 现 重 名 ， 
则 跳 转 到 一 个 出 错 提 示 页 面 ,这 里 为 
registError. asp 文件 页 面 。 
(8) 分 别 完成 registerOk. asp 和 registError. asp 
两 个 页 面 的 设置 ,设置 完成 后 的 页 面 如 图 9-32 和 
图 9-33 所 示 。 


编辑 服务 器 行为 … 
新 建 服务 器 行为 … 
获 职 更 多 服务 器 行为 ,.. 


图 9-30 “检查 新 用 户 名 ”命令 
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: |registError. asp| 


9-31 “检查 新 用 户 名 ”对 话 框 


对 不 起 该 用 户 已 经 注 
册 ! 


图 9-32 ”registerOK. asp 页 面 图 9-33 ”registError. asp 页 面 


@.6 数据 库 记录 页 的 设计 
2 


9.6.1 数据 库 记 录 页 的 设计 主要 步骤 


(1) 新 建文 件 index. asp, 在 index. asp 页 编辑 窗口 中 插入 一 个 2 行 5 列 的 表格 ,在 第 一 
行 分 别 输入 ID ,姓名 ,性别 . 住 址 ,电话 ,用 来 作为 显示 记录 表格 的 表 头 。 打 开 * 绑 定 ” 标 签 , 展 
开 先 前 创建 的 记录 集 , 单 击 选择 某 字 段 后 ,再 单 击 要 显示 该 字段 值 的 对 应 单元 格 ,然后 单 击 “ 绑 

定 ?面板 下 的 “插入 ?按钮 ,此 时 在 被 编辑 的 单元 格 中 将 会 看 到 有 类 似 {Recordsetl. name} 的 字符 
串 显 示 。 重 复 上 述 步骤 ,在 表格 对 应 行 中 插入 记录 集中 的 字段 ,完成 后 如 图 9-34 所 示 。 


Dw mm 0. &, | ”| 0 sw 蕊 虽 攻 二 
ETI CE LI CE 思 ， 砷 击 加 

indecasp* X 白 入 
BE com «sp 了 [SR 
| mel] it LE wR OS Om: 3 
EE EC -J 二 XR sr viseript © 
pw 隆 名 胜 别 住址 电话 


[TI RICE 吕 


DD DDDDDDT, 
和 


Phone 

regdate 

[ 蕴 一 个 记 寻 

[最 后 一 个 记 
eC"' [总 记录 数 ] 
[body> N eA ho ~ 659 29v 4K7 Tb Wicod OP-O) 
bb “一 
pm 目标 规则 | css 规则 > 下 | | 字体 四) | 时 子 仁 >] 7 是 和 | ms 


本 css E20 二 外] | 大 名 无 Iz] -| 品 


文件 


图 9-34 在 单元 格 中 插入 记录 集中 的 字段 
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(2) 保存 index. asp 页 , 按 F12 键 或 在 浏览 器 窗口 输入 http://localhost/college/member/ 


index. asp, 浏 览 最 终 效 果 如 图 9-35 所 示 。 


住址 


电话 


承德 市 双 桥 区 河北 民族 师范 学 院 


13812345678 


图 9-35 浏览 数据 库 记录 页 


9.6.2 分 页 显示 数据 库 记 录 页 


分 页 显示 数据 库 记 录 页 的 主要 步 又 如 下 : 

(1) 选中 index. asp 页 中 表格 第 二 行 的 全 部 单元 格 ,在 
Adobe Dreamweaver CS5 的 “服务 器 行为 ?> 标签 中 单 击 
“十 ”按钮 ,选择 下 拉 菜 单 中 的 “重复 区 域 ” 命 令 , 如 图 9-36 
所 示 。 

(2) 在 打开 的 “重复 区 域 ” 对 话 框 中 选择 建立 的 记录 集 ， 
如 图 9-37 所 示 。“ 显 示 ” 用 于 设置 每 页 显示 的 记录 数 ,输入 完 
成 后 单 击 “ 确 定 ” 按 钮 。 

(3) 在 index. asp 页 中 表格 上 方 输入 “数据 库 总 记录 数 
条 目前 为 第 ”条 - 条 记录 ”, 展 开 “ 绑 定 ” 标 签 中 的 记录 集 ,将 
[总 记录 数 ][ 第 一 记录 索引 ] 和 [最 后 一 个 记录 索引 ] 标 签 拖 
放 至 表格 上 方 预 留 位 置 ,如 图 9-38 所 示 。 

(4) 选择 “插入 ”一 “数据 对 象 ”记录 集 分 页 ”一 “记录 
集 导 航 条 ”命令 ,在 打开 的 对 话 框 中 选中 “保持 默认 设置 ”, 单 
击 “ 确 定 ” 按 钮 ,完成 后 如 图 9-39 所 示 。 

(5) 制作 完成 后 ,效果 如 图 9-40 所 示 。 


记录 集 : |Recordsetl 轧 


显示 : 图 |] 记录 


日 所 有 记录 


图 9-37 设置 重复 区 域 参 数 


编辑 服务 器 行为 
新 建 服务 器 行为 
获取 更 多 服务 器 行为 .. 
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图 9-38 添加 导航 信息 提示 
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图 9-39 插入 记录 集 导 航 条 


localhost/college/member/indexa 人 @ | MP tive Search 
L | 
数据 库 记录 数 11 条 目前 为 第 4 条 -6 条 记录 


隆 友 阵列 降下 更 语 

测试 7 区 河北 1234567 

测试 8 区 阿 北 1234567 

admin | 另 承德 市 双 桥 区 河北 民族 师范 学 院 13812345678 
第 一 页 前 一 页 下 一 个 最 后 一 页 


图 9-40 分 页 显示 效果 
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9.6.3 细节 页 的 链接 与 制作 


在 动态 网 页 的 设计 表现 形式 中 ,对 于 数据 库 记 录 的 列表 显示 通常 由 于 版 面 的 限制 或 浏 
览 者 对 于 重要 信息 的 捕捉 而 仅 限于 若干 个 重要 字段 信息 ,为 方便 客户 端 通过 常规 列表 检索 
到 具体 记录 所 有 信息 细节 ,本 例 在 数据 库 记录 分 页 显示 的 基础 上 实现 细节 页 的 动态 链接 。 

(1) 本 例 以 index. asp 页 为 基础 进行 制作 。 

(2) 确定 细节 页 链接 所 需要 的 热点 信息 ,这 里 所 谓 的 热点 信息 是 指 具 有 链接 行为 的 信 
息 区 域 ,在 index. asp 页 中 选择 姓名 字段 作为 链接 热点 ,如 图 9-41 所 示 。 

重复 堕 名 胜 别 医生 电话 


{Recordset1. phone} 


图 9-41 选择 链接 热点 


(3) 在 “服务 器 行为 ”标签 中 单 击 “ 十 ”按钮 ,选择 “ 转 到 
详细 页 面 ” 命 令 , 如 图 9-42 所 示 。 
(4) 在 打开 的 “ 转 到 详细 页 面 " 对 话 框 中 设置 相关 参数 ， 
如 图 9-43 所 示 。 
参数 说 明 如 下 : 
。 链接 : 即 选 择 的 链接 热点 ,如 果 之 前 热点 已 选择 好 ， 
这 里 会 自动 填充 。 
。 详细 信息 页 : 单 击 链接 后 ,会 转 到 详细 记录 页 面 ,这 
里 新 创建 detail. asp 页 。 
。 传递 URL 参数 : 传递 到 详细 页 的 记录 字段 值 ,通常 
为 记录 的 关键 值 。 
(5) 打开 detail. asp 页 ,插入 7 行 2 列 的 表格 ,添加 记 
录 集 ,注意 筛选 条 件 的 设置 ,如 图 9-44 所 示 。 
(6) 将 记录 集中 对 应 的 字段 拖 放 至 表格 相应 区 域 , 如 
图 9-45 所 示 。 
(7) 浏览 index. asp 文件 ,如 图 9-46 所 示 , 单 击 “ 姓 名 ” 图 9-42 
字段 链接 ,打开 对 应 记录 的 详细 链接 ,如 图 9-47 所 示 。 


“ 转 到 详细 页 面 "命令 


detail. asp 本 区 二 
了 TD 设置 为 以 下 项 的 值 
EE 
列 
回 wr 参数 
| 表单 参数 


图 9-43 “ 转 到 详细 页 面 " 对 话 框 中 的 参数 设置 
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图 9-44 ”为 详细 页 添加 记录 集 
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数据 库 记录 数 11 条 目前 为 第 5 条 -8 条 记录 
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未 得 nr 1 


隆隆 时 间 。 |2013-5-8 


得 一 页 前 一 页 下 一 个 最 后 一 页 = 


图 9-46 单 击 姓名 字段 图 9-47 细节 页 效果 
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@.3 动态 网 站 设计 的 基本 操作 形式 


在 动态 网 站 设计 过 程 中 ,记录 的 添加 修改 、 删 除 是 最 基本 的 操作 形式 ,下面 通 过 实例 分 
别 完成 对 用 户 信息 表 userInfo 记录 的 添加 修改 与 删除 操作 。 


9.7.1 添加 记录 页 的 设计 与 实现 


添加 记录 页 的 设计 与 实现 的 主要 步骤 如 下 : 

(1) 新 建文 件 add. asp, 按 照 图 9-48 所 示 建 立 与 数据 库 用 户 表 相 对 应 的 表单 录入 页 。 
为 方便 后 面 的 操作 ,建议 各 表单 项 的 命名 与 数据 库 字 段 名 保持 一 致 。 由 于 regdate 文本 框 
录入 的 是 注册 日 期 ,因此 这 里 可 以 直接 用 表示 当前 时 间 的 函数 now 作为 其 初始 值 。 


Dw mm: ov A- | ws » | anil 


后 文 二 城 FANEVD | UDP OFFW OPWe AO 日 
到 =m 最多 字符 数 | | 初 信 QD) [xo 0 


图 9-48 ”编辑 添加 记录 页 表单 


(2) 选择 整个 表单 域 , 在 “服务 器 行为 ”标签 中 单 击 * 十 ”按钮 ,选择 “插入 记录 ”命令 ,如 
图 9-49 所 示 。 


用 户 身份 验证 
XSLT 转换 


编辑 服务 器 行为 … 
新 建 骤 务 器 行为 … 
获取 更 多 彼 务 器 行为 


图 9-49 ”选择 “插入 记录 ”命令 
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MV 


(3) 在 “插入 记录 ”对 话 框 中 按 图 9-50 所 示 设 置 相 关 参 数 。 


区 Ti ry 3 
中 沪 入 ) 
a 信 相 ) 
phon: 中 “phone” [文本 ) 


列 : 
提 变 为 : 


图 9-50 “插入 记录 ”对 话 框 


(4) 单 击 “ 确 定 ” 按 钮 ,浏览 add. asp 页 , 按 预定 格式 录入 各 字段 值 提 交 , 如 图 9-51 所 示 。 
在 返回 的 记录 列表 页 可 以 查询 到 已 经 添加 成 功 的 记录 ,如 图 9-52 所 示 。 


图 9-51 添加 记录 页 信息 
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图 9-52 ”记录 添加 成 功 


修改 记录 页 的 设计 与 实现 


修改 记录 页 的 设计 与 实现 的 步骤 如 下 : 
(1) 新 建 modify. asp 文件 ,在 记录 的 最 后 一 列 添加 “修改 "项 ,如 图 9-53 所 示 。 
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图 9-53 记录 修改 页 编辑 


(2) 选中 “修改 "文本 域 ,在 “服务 器 行为 标签 中 单 击 “十 ”按钮 ,选择 “ 转 到 相关 页 面 " 命 
令 ,并 按照 图 9-54 所 示 进 行 设置 ,指定 修改 记录 的 页 面 文件 为 modiDetail. asp, 单 击 “ 确 定 ” 


按钮 。 


社 别 适龄 地 址 ” 电话 EE 


) {Recordsetl.sex) (Recordset] age) (Recordsetl.address) {Recordsetl phone) 修改 
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相关 页 - odiDetail. asp 


传递 现 有 参数 : 加 TEL 池内 
加 下 


图 9-54 


“ 转 到 相关 页 面 ” 对 话 框 
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(3) 建立 “修改 "文本 域 的 热点 链接 ,如 图 9-55 所 示 。 
代码 如 下 : 


<a href = "modiDetail.asp?id=<% = (Recordset1.Fields. Item("ID").Value) %>" 
target = "_blank"> 修 改 </a> 


tect= (Recordsetl. Fields. Iten("phone") .yalue)s></cdD 7 | 
8 中 桂 唱 年 内 抽 直 电话 入 
Repearl_ indexoRepestlindextl 1 mame) (Recordsctl sex) (Recordsctl ags) (Recordsct].address) (Recordsetl phone) 国 天 | 


图 9-55 ”修改 记录 链接 
(4) 新 建 记录 修改 文件 modiDetail. asp, 编 辑 记录 表单 项 ,如 图 9-56 所 示 。 


5: 
隆 名 
座 码 ， 
| 性别: 
| 竹 岭 ， 
地址: 
电话 ， 
| 
| 


[EE 
提交 [ 重 畦 ] 


图 9-56 新建 记录 修改 页 表单 域 


(5) 编辑 modiDetail. asp, 添 加 记录 和 集 , 在 打开 的 “记录 集 ” 对 话 框 中 设置 第 选 条 件 为 
“ID 等 于 URL 参数 ID”, 如 图 9-57 所 示 。 


: |Recordset1 
.3 回 
: |userInfo =| 


:图 全 部 ”日 选 定 的 : 


UU 


图 9-57 “记录 集 ? 对 话 框 
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(6) 选择 各 表单 项 ,并 设置 初始 值 为 动态 数据 项 中 的 对 应 字段 ,如 图 9-58 所 示 。 


域 : [多 和 (Recordset1) 


nane 
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图 9-58 设置 各 表单 项 初始 值 为 动态 数据 字段 


(7) 选中 整个 表单 域 ,在 “服务 器 行为 ”标签 中 单 击 “ 十 "按钮 ,选择 “更 新 记录 ”, 然 后 在 
打开 的 对 话 框 中 按 图 9-59 所 示 进 行 设置 , 单 击 “确定 ”按钮 。 


连接 : [com 回 EE 
mami me 加 
| 
wa 


在 更 新 后 ， 转 到 : modify. asp| | BE 


获取 值 自 : | fornl 四 (在 提交 时 ) 


表单 元 索 ; 


列 : |nane 


sx 站 


图 9-59 “更 新 记录 ”对 话 框 中 的 参数 设置 
(8) 在 浏览 器 中 预览 修改 记录 页 操作 效果 ,如 图 9-60 所 示 。 
9.7.3 删除 记录 页 的 设计 与 实现 


删除 记录 页 的 设计 与 实现 的 步骤 如 下 : 
(1) 新 建 删除 记录 页 文件 delete. asp ,按照 图 9-61 所 示 完 成 各 项 编辑 操作 。 
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修改 ( 编 辑 ) 记录 页 : 
nm 区 隆 列 奋 咽 中 二 电话 电导 
B 出 试 1 区 P2 承德 [03141234567 嘱 
加 ER 区 
日 3 医 
Ci- 
第 一 页 前 一 页 
图 9-60 ”修改 记录 页 操作 效果 


则 除 《 编 辑 ) 记录 页 ， 
隆 名 


性 别 [E22 


图 9-61 删除 记录 页 设计 


(2) 选中 编辑 列 的 “删除 ”文本 信息 ,在 “服务 器 行为 ”标签 中 单 击 “ 十 ”按钮 ,选择 “ 转 到 
详细 页 面 ”命令 ,在 打开 的 对 话 框 中 按 图 9-62 所 示 进 行 设置 , 单 击 “ 确 定 ” 按 钮 。 


链接 : 1" 如 除 
详细 信息 页 : [delDetail. asp 
传递 URL 参数 : 


: [Recordsetl =| 
: [wm = 

WRL 参数 

表单 参数 


图 9-62 “ 转 到 详细 页 面 " 对 话 框 


(3) 新 建 delDetail. asp ,并 按 图 9-63 所 示 的 各 项 添加 记录 集 。 

(4) 编辑 delDetail. asp 页 ,添加 记录 详细 页 表单 ,如 图 9-64 所 示 。 

(5) 单 击 删 除 记录 确认 页 中 的 “提交 ”按钮 ,添加 “删除 记录 ”服务 器 行为 ,如 图 9-65 
所 示 。 

(6) 在 打开 的 “删除 记录 ”对 话 框 中 , 按 图 9-66 所 示 进 行 设置 。 

(7) 浏览 记录 删除 页 ,预览 效果 如 图 9-67 所 示 ,删除 后 的 效果 如 图 9-68 所 示 。 
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图 9-63 delDetail. asp 页 添加 记录 集 
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图 9-65 ”添加 “删除 记录 ”行为 
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您 确认 删除 该 记录 吗 ? 
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Recordsetl 
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图 9-66 “删除 记录 ”对 话 框 
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图 9-67 ”记录 删除 页 
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[ID: 7 
姓名 : 测试 4 测试 


性 别 : 女 
年 龄 : 22 
地 址 ; 河北 

电话 ， 1234567 


图 9-68 记录 删除 确认 效果 
@.8 网 站 后 台 管理 系统 架设 和 实现 


9.8.1 网 站 后 台 管理 系统 


网 站 开发 者 在 将 开发 好 的 网 站 交 给 使 用 单位 使 用 时 应 提供 后 台 管 理 系统 。 网 站 后 台 管 
理 系统 是 对 前 台 页 面 中 所 用 的 各 种 数据 进行 统一 管理 ,方便 日 后 网 站 使 用 单位 的 网 站 维护 
员 对 前 台 页 面 中 的 内 容 进行 及 时 更 新 ,而 不 需要 重新 修改 页 面 ,从 而 节省 了 时 间 , 提 高 了 
效率 。 

网 站 后 台 管 理 系统 可 用 多 种 技术 实现 ,如 ASP、JSP 等 。 

在 后 台 管 理 系 统 中 一 般 按 类 别 对 各 种 信息 进行 分 类 ,管理 员 可 以 对 某 一 类 别 下 的 信息 
进行 添加 、 编 辑 和 删除 等 操作 。 功 能 较 强 的 后 台 管理 系统 可 以 对 一 些 公共 信息 (如 网 站 标 
题 . 版 权 信 息 、 广 告 图 片 .站 长 公告 和 各 主要 元 素 等 ) 的 外 观 等 进行 管理 ,还 可 以 进行 图 片 等 
文件 的 上 传 。 
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进入 后 台 管 理 系统 需 进行 登录 。 进 入 后 先进 行 类 别管 理 , 再 进行 各 个 类 别 下 的 内 容 
网 站 开发 者 可 自行 开发 当前 网 站 所 用 的 后 台 管 理 系统 ,也 可 将 现 有 的 免费 后 台 管 理 系 
统 架 设 到 所 开发 的 网 站 上 。 


9.8.2 网 站 后 台 管理 系统 的 架设 


(1) 将 提供 的 免费 网 站 后 台 管理 系统 解压 后 复制 到 所 开发 的 团委 会 网 站 根 文件 
夹 下 。 

(2) 在 团委 会 网 站 主页 default. asp 适当 位 置 输入 文本 “管理 入 口 ” 或 插入 一 个 小 图 片 ， 
并 将 其 链接 到 后 台 管 理 系统 登 录 页 admin_login. asp。 

(3) 在 浏览 器 中 打开 团委 会 网 站 主页 default. asp, 单 击 “ 管 理 入 口 ” 进 入 后 台 管 理 系 统 
登录 界面 ,如 图 9-69 所 示 。 


SO eater 1 多国 BP te evet 
次 收 基 天 “| 乱 管 理 咯 录 加 | 


后 台 管理 页 面 需要 屏幕 分 辩 宁 为 1024*768 或 以 上 才能 达到 最 住 浏览 效果 人 
需要 浏览 器 为 ITPS.5 或 以 上 版 本 才能 正常 运行 9 9? 4 


图 9-69 后 台 管理 系统 登录 界面 


系统 默认 用 户 名 和 密码 是 admin 和 admin, 输 入 用 户 名 和 和 密码, 单 击 “ 确 认 ” 按 钮 ,进入 
后 台 管 理 系 统 主 界面 ,如 图 9-70 所 示 。 

(4) 在 主 界面 中 可 进行 新 闻 管理 ,文章 管理 常规 设置 和 用 户 管理 等 。 

现 对 相关 模块 进行 说 明 : 

J@ 通常 情况 下 ,后 台 管理 系统 提供 内 容 分 类 管理 功能 。 功 能 强大 的 后 台 管 理 系 统 允许 
有 更 深层 次 的 类 别 定义 。 

@) 要 在 信息 内 容 中 显示 图 片 或 声音 、 视 频 等 ,一 般 需 上 传 所 需 的 图 片 或 声音 、 视 频 等 到 
网 站 指定 的 文件 夹 中 ,有 些 后 台 管 理 系 统 是 将 图 片 等 文件 直接 上 传 到 数据 库 中 保存 的 (本 书 
实例 是 将 相关 文件 上 传 到 网 站 指定 的 文件 夹 中 )。 


加 htpynocalhoxtcoleaeme 便 国 | Live search 
居 基于 网 络 的 网 站 管理 系统 (Network-based WebSit.. [ | 


导 台 管理 系统 和 多 网 站 后 台 管理 系统 C2011 年 元 月 ) 


景 后 更 新 : 。 本 人 制作 水 平 有 限 ， 大 家 有 什么 好 的 建议 和 意见 也 可 以 和 我 联系 。 我 
2011 年 ! 月 的 联系 方式 : email : techmenaB866@8163. com 


服务 器 信息 
服务 器 类 型 : Windows_ 卫 CF:127.0.0.1) 脚本 解释 引擎 : YBScript/5.8.23552 
站 点 物理 路 径 : D:\college\ 数据 库 地 址 : 
Fs0 文 本 读 写 : + 数据 库 使 用 : 
Jaai] 租 件 支持 : x CDOMTS 姐 件 支持 : x 


etworjrbased WebSite Nanagenent System 


图 9-70 后 台 管理 系统 主 界面 


9.8.3 ”实现 网 站 主页 中 新 闻 动态 内 容 的 显示 


(1) 在 Adobe Dreamweaver CS5 中 打开 团委 会 网 站 主页 default. asp, 如 图 9-71 所 示 。 


DW XN MND EF AAD WA MEU oft MW OU ND | + 0- A* | we » | EE Oo CRE 


则 
A A aaay 


图 9-71 团委 会 网 站 主页 default. asp 


(2) 创建 数据 库 连接 connp, 所 用 数据 库 是 后 台 管 理 系统 中 的 Datebase/twhms. mdb， 
如 图 9-72 所 示 。 
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连接 名 称 : 了 
连接 字符 审 : | Driver= {Microsoft Access Driver (*.mdb)} 本 


Jreanweaver 应 连接 : 〇 使 用 测试 服务 器 上 的 驱动 程序 
图 使 用 此 计算 机 上 的 驱动 程序 


图 9-72 创建 ADO 连接 connp 属性 设置 对 话 框 


(3) 给 团委 会 网 站 主页 default. asp 创建 记录 集 Recordsetl ,如 图 9-73 所 示 。 


名 称 : 区 ecordset1 


WRL 参数 回 
排序 : [Adadatetime 加] 


图 9-73 ”创建 “记录 集 Recordsetl 属性 设置 ”对话 框 


(4) 在 网 站 主页 default. asp 的 “新 闻 动 态 ” 模 块 将 第 一 条 新 闻 标题 和 发 布 日 期 分 别 用 
记录 集中 的 Title 和 Adddatetime 字段 替换 ,如 图 9-74 所 示 。 

(5) 给 上 述 新 闻 标题 所 在 的 列表 行 添 加 “重复 区 域 ” 服 务 器 行为 ,并 只 显示 8 条 记录 信 
息 , 如 图 9-75 所 示 。 


{Recordset1 Title} {Recordsetl Adddate 


9-74 ”网 站 主页 default. asp 中 的 “新 闻 动态 ” 图 9-75 网 站 主页 default. asp 中 的 “新 闻 动态 ” 
模块 编辑 界面 模块 编辑 界面 (重复 区 域 ) 
注意 : 


也 可 不 用 “重复 区 域 ”行为 ,而 在 创建 记录 集 时 使 用 “高 级 记录 集 ” 对 话 框 ,并 在 select 后 
加 上 top8。 
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(6) 选中 {Recordsetl. Title} ,添加 “ 转 到 详细 页 面 ”服务 器 行为 ,如 图 9-76 所 示 。 


链接 : ac 
详细 信息 页 : [news. asp 


so] 


BE.. ] 


传递 URL 对 数 : NewsID 设置 为 以 下 项 的 值 


记录 集 : | Recordsetl = 


注意 : 


列 : | NewsID 


VRL 参数 


口 | 表单 参数 


图 9-76 “ 转 到 详细 页 面 "行为 属性 设置 对 话 框 
再 在 主页 上 选中 {Recordsetl. Title} ,使 用 属性 面板 设置 其 链接 的 “目标 ” 域 为 _blank 。 


CD news. asp 是 与 指定 新 闻 号 NewsID 对 应 的 新 闻 详 细 内 容 显 示 网 页 。 


@ “传递 URL 参数 " 域 中 输入 的 变量 名 是 用 来 存放 要 传递 给 news. asp 页 的 字段 值 。 
@@ “传递 现 有 参数 ” 指 是 否 将 前 一 网 页 传递 的 URL 或 表单 参数 通过 本 网 页 传递 到 详细 


信息 页 。 


(7) 在 浏览 器 中 浏览 团委 会 网 站 主页 default. asp, 可 以 看 到 “新 闻 动 态 ” 模 块 上 显示 的 
是 在 后 台 管 理 系统 中 添加 的 各 条 新 闻 的 标题 ,而 当 单 击 各 条 新 闻 标 题 时 ,在 news. asp 网 页 


中 显示 其 详细 信息 。 


(8) 创建 网 页 newlist. asp 用 来 显示 所 有 的 新 闻 标 题 信 息 ,该 网 页 保存 到 网 站 根 文件 夹 


下 ,制作 方法 与 上 述 步 又 类 似 ,只 是 添加 “重复 区 域 ” 行 为 时 设置 成 显示 “所 有 记录 ”。 
(9) 按照 以 上 类 似 方法 实现 “媒体 聚焦 "模块 中 内 容 的 动态 显示 。 
(10) 设计 完成 效果 如 图 9-77 所 示 。 


SO mn 


窗 W 请 严 ”入 共青团 癌 北 民 放 师范 字 全 委员 会 网 站 


| 日 新 闻 动 态 
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“， 中央 创 先 争 优 活动 锌 导 沾 组 、 团 中 央 部 寺 一 
， 加 市 委 书记 内 在 承德 市 吾 年 联合 全 七 局 二 
， 轩 省 委 玉 开 全 省 分 类 引导 青年 工作 会 议 

“ 承 入 市 年 联 合 全 第 七 必要 黄 全 问 二 次 香 委 ( 
， 承 二 市 举办 见 义 坟 为 志 术 团 首 场 汇报 深 出 

， 共 豆 团 十 六 导 四 中 全 会 如 开 

“共青团 中 央 、 农 业 部 答 寺 合作 均 识 


刁 社 团 活动 


| 


图 9-77 实现 新 闻 内 容 动 态 显示 的 网 站 主页 面 


更 多 
2013.9.22 
2011-419 
201-119 
2011119 
2011-T19 
2011119 
201LTH17 

2010.26 


中国 青年 报 ( 127) : 时 山 陨 人 心服 务 出 新 意 
， 河 化 日 报 ( 126) : 雇 四 一 训 轩 件 信 读 志 
机 北 殖 年 换 ( 10.10) :三 年 大 于 料 可 
“河北 青年 报 ( 12 29) : 省 殖 联 学 联 兴 行 执 届 大 
“ 贡 直 市 换 ( 12 29) : 河北 作 理 联 学 各 执 质 
“中 国共 甫 田 ( 222) : 共 青 田 员 李 筛 队 提 
“河北 日 所 ( 323): 团委 后 动 寺 春 由 二 洒 北 
加 下 要 创 先 争 优 活动 三 拥 站 进 幸 公 全 业 团 


更 多 六 
201027 
201027 
20102.7 
201027 
201027 
201027 
201027 
20102.7 


ED keh dhl 
orm ee dre 


网 站 测试 及 发 布 维护 | 


fo 网 站 测试 


网 站 开发 完成 后 ,应 对 整个 网 站 进行 一 次 全 面 的 测试 ,主要 有 以 下 几 方 面 : 

(1) 本 地 测试 。 

无 论 是 一 人 开发 的 网 站 还 是 多 个 网 页 制作 人 员 分 工 制作 的 网 站 ,都 要 进行 本 地 测试 。 
本 地 测试 主要 由 网 站 开发 人 员 自 己 进行 测试 ,其 测试 内 容 主要 有 : 

QO@ 各 个 页 面 效果 和 网 站 整体 效果 。 

@ 各 个 网 页 间 的 链接 。 

@ 网 页 的 容错 性 和 兼容 性 。 

@ 网 站 动态 功能 与 预期 目标 的 相符 度 。 

(2) 用 户 测试 。 

以 浏览 者 身份 测试 ,因为 设计 网 站 就 是 给 浏览 者 访问 的 ,所 以 浏览 者 就 是 权威 。 其 测试 
内 容 主要 有 : 

J@ 评价 每 个 页 面 的 风格 .颜色 搭配 、 页 面 布 局 文字 字体 及 大 小 等 方面 是 否 与 网 站 的 整 
体 风 格 协调 统一 。 

@ 页 面 布局 是 否 合理 。 

@ 各 种 链接 所 放 的 位 置 是 否 合适 。 

@ 页 面 切换 是 否 简便 。 

@ 对 于 当前 访问 位 置 是 否 明确 。 

@ 请 求 网 页 时 的 时 间 长 短 等 。 

(3) 负载 测试 。 

安排 多 个 用 户 访问 网 站 ,让 网 站 在 高 强度 ,长 时 间 的 环境 中 进行 测试 。 主 要 测试 内 容 有 : 

Q@ 网 站 在 多 个 用 户 访问 时 访问 速度 是 否 正 常 。 

@ 网 站 所 在 服务 器 是 否 会 出 现 内 存 溢出 .CPU 资源 占用 是 否 正常 等 。 

对 上 述 内 容 进行 测试 时 发 现 的 问题 要 及 时 进行 修改 ,并 重新 测试 。 

测试 时 需 注 意 以 下 几 点 : 

(1) 测试 环境 。 

把 网 站 上 传 到 服务 器 后 ,打开 浏览 器 ,把 缓存 里 的 资料 全 删除 (如 果 没 有 删除 ,浏览 器 请 
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求 页 面 时 会 读 取 缓存 里 已 含有 的 内 容 ) 后 进行 测试 。 

(2) 测试 时 间 。 

晚间 网 络 传输 较 快 ,而 白天 较 慢 ,所 以 要 在 不 同 的 时 间 段 进行 测试 。 

(3) 测试 网 络 设备 。 

不 同 的 服务 器 ,不 同 的 浏览 器 不同 的 调制 解 调 器 ,测试 网 站 时 都 要 考虑 。 

下 面 重点 介绍 网 站 本 地 测试 。 

(1) 检查 各 个 网 页 间 的 链接 。 

选择 “文件 ”一 “检查 页 ”一 “链接 ”命令 ,打开 “链接 检查 器 "标签 ,如 图 10-1 所 示 。 对 链 
接 进 行 检查 ,检查 完成 后 ,在 结果 面板 的 “链接 检查 器 ?标签 上 显示 检查 的 结果 。 在 标签 上 依 
次 选中 要 修改 链接 的 文件 并 单 击 " 断 掉 的 链接 ” 列 中 右边 对 应 的 文件 夹 图 标 ,选择 正确 的 链 
接 , 或 者 双击 文件 列 中 的 各 个 文件 名 直接 打开 网 页 进行 修改 。 


图 10-1 “链接 检查 器 "上 显示 检查 结果 


注意 : 

CD 利用 “链接 检查 器 ”标签 上 的 “显示 ”下 拉 列 表 框 可 分 别 查看 到 断 挤 的 链接 、 外 部 链接 
和 孤立 文件 等 。 

@ 单 击 “链接 检查 器 ”标签 左边 的 区 按钮 可 以 选择 检查 范围 ,如 当前 文档 、 当 前 站 点 和 
站 点 中 所 选 文 件 等 。 

在 浏览 器 中 打开 网 站 主页 ,并 依次 浏览 主页 和 各 个 子 页 ,对 链接 进行 逐个 检查 ,如 果 发 
现 有 空 链 、 断 链 、 错 误 的 链接 、 页 面 之 间 不 能 顺利 切换 缺少 返回 上 层 页 面 或 主页 的 链接 等 情 
况 出 现 , 则 返回 Adobe Dreamweaver CS5 中 修改 并 再 次 在 浏览 器 中 检查 ,直至 链接 检查 全 
部 正常 为 止 。 

(2) 创建 站 点 报告 。 

选择 “站 点 ”>“ 报 告 "命令 ,打开 “报告 "对话 框 ,如 图 10-2 所 示 。 

在 “报告 在 ”下 拉 列 表 中 选择 生成 站 点 报告 的 范围 ,再 根据 需要 选中 相应 的 复 选 框 生成 
站 点 报告 , 单 击 “ 运 行 ” 按 钮 生成 报告 ,如 图 10-3 所 示 。 

(3) 检查 兼容 性 。 

选择 “文件 ”一 “检查 页 ”>“ 检 查 浏 览 器 兼容 性 ”命令 ,对 网 站 在 不 同 浏览 器 版 本 下 的 标 
记 兼 容 性 进行 检查 。 

检查 800X600 和 1024X768 两 种 典型 分 辨 率 和 典型 浏览 器 下 ,各 个 网 页 的 浏览 效果 是 
否 相差 较 大 ,如 果 相 差 较 大 ,就 要 综合 平衡 后 进行 修改 ,以 尽量 满足 不 同情 况 的 要 求 。 
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:| 整个 当前 本 地 站 点 = 


| 人 vebeditervdis 
人 webeditorvdia .. 
A webeditor\dia 
A webeditor\dia. 


图 10-3 ”站 点 报告 


“Internet 属性 ?对 话 框 如 图 10-4 所 示 。 取 消 * 显 示 图 片 >"“ 显 示 图 像 下 载 占 位 符 "“ 在 
网 页 中 播放 动画 * ”“ 在 网 页 中 播放 声音 ”等 复 选 框 的 选中 状态 ,此 时 在 纯 文 本 模式 下 浏览 
各 个 网 页 时 文字 是 否 显示 全 。 

(4) 检查 各 个 页 面 效果 。 

J@ 检查 网 站 中 使 用 了 脚本 的 页 面 在 浏览 时 脚本 是 否 能 正常 运行 。 

四 检查 各 个 页 面 浏 览 时 是 否 出 现 非法 字符 或 乱码 文字 和 图 像 显 示 是 否 正 常 、Flash 动 
画 的 画面 出 现时 间 是 否 过 长 ,网 页 特效 是 否 正常 显示 等 。 

对 不 正常 的 页 面 要 进行 修改 ,然后 再 重新 检查 直至 正常 。 

(5) 检查 网 站 的 动态 功能 。 

QO@ 在 浏览 器 中 打开 网 站 主页 ,注册 一 个 新 用 户 并 用 它 进行 登录 。 

@ 进入 后 台 管 理 系统 ,添加 一 些 新 闻 , 在 主页 上 可 看 到 新 添加 的 新 闻 , 并 可 查看 详细 
信息 。 
以 上 操作 应 能 正常 进行 ,如 果 不 能 应 查找 原因 并 解决 后 重新 进行 动态 功能 测试 。 

(6) 使 用 遮盖 设置 指定 的 文件 或 文件 夹 不 上 传 。 

遮盖 是 指 给 不 需要 上 传 的 文件 ,文件 夹 进行 标记 ,以 便 在 上 传 网 站 文件 到 网 站 空间 时 排 
除 这 些 做 了 标记 的 文件 和 文件 夹 ,例如 图 像 或 动画 的 源 文件 .压缩 文件 .备份 文件 夹 ` 无 须 每 
次 都 上 传 的 较 大 文件 等 。 
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起 多 次 体 
加 局 用 自动 图 光大 小 调整 
国 显示 图 像 下载 占 位 符 


总 是 将 ClearType 用 于 HTNL* 
四 辅助 功能 


局 动 Internet Explorer 之 后 生效 
重 置 Internet Explorer 设置 


将 Internet Explorer 设置 重 置 为 默认 设置 。 
羽 在 浏览 器 处 于 无 法 使 用 的 状态 时 ， 才 使 用 此 设置 。 


Cwm] 
10-4 “Internet 属性 ”对 话 框 


遮 益 有 两 种 方式 : 
@ 打开 * 站 点 设置 对 象 "对 话 框 , 按 图 10-5 所 示 进 行 设置 。 


图 10-5 “站 点 设置 对 象 " 对 话 框 


@ 在 “文件 ?功能 面板 上 右 击 要 遮盖 的 文件 夹 , 从 弹出 的 快捷 菜单 中 选择 “遮盖 ”-“ 遮 
盖 ” 命 令 , 如 图 10-6 所 示 。 
(7) 单 击 “ 连 接 到 远 端 主机 ”按钮 ,如 图 10-7 所 示 。 
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遮盖 (C) 
取消 遮盖 (U) KR 
全 部 取消 掩盖 (A 


Y 启用 掩盖 提 


迹 盖 中 ky 
消除 只 读 属性 中 

在 远程 服务 器 上 定位 (M) 
在 浏览 器 中 预览 @) 
检查 链接 (9 


添加 加 | 收 送 夹 QD) 
设计 备注 中.… 
浏览 09.… 

剧 新 本 地 文件 () 


Nolotw%elg 


图 10-6 “遮盖 "命令 快捷 菜单 图 10-7 “连接 到 远 端 主机 ?按钮 


连接 后 , 单 击 “ 文 件 ” 功 能 面板 上 的 “展开 以 显示 本 地 和 远程 站 点 "按钮 团 , 可 以 看 到 本 
地 和 远程 文件 信息 ,如 图 10-8 所 示 。 


DW mm 0. & | ”| El 0 “wr 蕊 呈 攻 局 
HD MD SO 


es cere 加 入 GIE 盟 名 


158 人 8 名 | 加 


2014-3-31 12:04 — 
in 2014-3-2 11:03 ~ 
mY MpDats 文件 夹 。 2014-3-2 11:03 - 


加 


spnet_client 文件 夷 2014-3-2 11:03 一 
田 -入 ws 文件 赤 。 2014-3-2 11:03 一 
Comections 文件 夹 。 2014-3-20 15;05 - 
ss 文件 实 。 2014-3-2 11:03 一 
四 -和 dt 文件 夹 。 2014-3-20 15:05 - 
-Database 文件 严 。 2014-3-31 10:17 - 
Dinees 文件 实 。 2014-3-2 11:04 一 
BD ine 文件 严 。 2014-3-21 14:19 - 

二 vw. TEB Active .. 2008-8-1 11:39 

二 snin_code_e 36KB Active... 2008-6-1 11:39 jw 


日期 ; 2014-3-2 11:03 


[EE | 


图 10-8 显示 “本 地 和 远程 站 点 文件 ”对 话 框 


在 “本 地 文件 ”列表 框 中 选择 要 上 传 的 文件 或 文件 夹 ( 用 Ctrl 或 Shift 键 配 合 进行 多 
选 ), 单 击 * 上 传 文件 ”按钮 便 上 传 文件 ,同时 在 “远程 服务 器 "列表 框 中 可 以 看 到 上 传 后 的 文 
件 。 也 可 直接 将 选中 的 文件 或 文件 夹 拖 动 到 左 侧 “ 远 程 服务 器 ”列表 框 中 。 

注意 : 

@ 使 用 “获取 文件 ”按钮 电 可 从 远程 服务 器 下 载 文 件 或 文件 夹 。 

@ 在 上 传 或 获取 文件 时 ,Dreamweaver 会 自动 记录 各 种 FTP 操作 , 遇 到 问题 时 可 单 击 
“查看 站 点 FTP 日志” 按钮 国 , 打 开 “FTP 记录 ”窗口 查看 FTP 记录 。 


(0.2 网 站 发 布 


设计 好 的 网 站 要 放置 在 ISP(Internet Service Provider) 提供 的 网 站 空间 中 。 大 型 站 点 
可 从 电信 部 门 申 请 专线 并 购置 网 络 软 硬 件 ,搭建 自己 的 Web 服务 系统 ,并 申请 国际 和 国内 
域名 ,但 运行 和 维护 费用 高 。 如 果 考 虑 租用 虚拟 主机 、 服 务 器 托管 等 方式 则 服务 费用 较 低 。 
而 中 小 型 网 站 可 利用 一 些 网 站 提供 的 收费 或 免费 网 站 空间 和 域名 服务 。 相 比 之 下 ,收费 空 
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间 提 供 的 服务 更 全 面 , 如 空间 容量 大 ,支持 应 用 程序 技术 、 提 供 数据 库 空间 等 ; 而 使 用 免费 
网 站 空间 常 需 为 网 站 空间 提供 者 做 广告 ,并 且 只 有 少数 免费 网 站 空间 支持 应 用 程序 技术 、 提 
供 数 据 库 空 间 等 。 

网 站 发 布 是 指 用 文件 上 传 工具 软件 等 方法 将 已 经 设计 好 的 网 站 上 传 到 网 站 空间 中 , 然 
后 浏览 者 才能 通过 浏览 器 访问 网 站 。 


fo- 网 站 的 推广 维护 与 更 新 


(1) 登录 搜索 引擎。 

将 团委 会 网 站 登录 到 门户 网 站 上 ,如 www. sohu. com、www. 163. com、www. sina. 
com. cn 和 www. yahoo. com 等 。 

(2) 设置 meta 信息 。 

在 团委 会 网 站 主页 default. asp 的 一 head 之 区 添加 如 下 关键 字 : 

<meta name = "Description" content = "共青团 河北 民族 师范 学 院 委员 会 "> 

<meta name = "Keywords" content = "河北 民族 师范 学 院 团委 会 ,共青团 河北 民族 师范 学 院 委员 会 "> 

<meta name = "Author" content = "设计 者 "> 

(3) 网 站 维护 。 

@ 打开 “站 点 设置 对 象 college” 对 话 框 ,选择 “高 级 设置 "选项, 按 图 10-9 所 示 进 行 
设置 。 


图 10-9 “设计 备注 ?设置 对 话 框 


@ 展开 “文件 ”功能 面板 ,选中 网 站 主页 default. asp 后 右 击 ,从 弹出 的 快捷 菜单 中 选择 
“设计 备注 ”命令 ,打开 “设计 备注 ”对 话 框 ,如 图 10-10 所 示 。 

根据 网 站 开发 的 具体 情况 在 “基本 信息 ”选项 卡 的 “状态 ”下 拉 列 表 中 选择 文件 或 文件 夹 
的 状态 ,并 在 “备注 ”列表 框 中 设置 说 明文 字 。 也 可 在 “所 有 信息 ”选项 卡 中 添加 自行 命名 的 
“名 称 ”, 如 图 10-11 所 示 。 


基本 信息 | 所 有 信息 | 
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文件 : 
位 置 : 


default. asp 
D:\college\nenber 


| 基本 信息 | 所 有 信息 


图 10-10 “设计 备注 ”对 话 框 中 的 “基本 信息 ”选项 卡 


文件 
位 置 


. [区 Recordsetl = name Newsil, datatype INTEGER, nane ClassIil 
author = 


:lauthor 


defanlt asp 
D:\college\nenber 


由 口 


图 10-11 “设计 备注 ”对 话 框 中 的 “所 有 信息 ”选项 卡 


@ 按照 类 似 方法 ,给 网 站 后 台 管理 系统 文件 夹 添 加 备注 信息 。 


[1] 
[2] 
[3] 
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